html, spry slide effect

macromedia.dynamic.html -


html >> spry slide effect

by dnorth » Sat, 26 Jan 2008 02:53:20 GMT

Hello DW users, Sorry for any redundancy. After posting this to general forum I
realized that it should have gone into the Dynamic HTML forum. Here goes: I
recently made and uploaded a simple HTML page to test out spry effects on text
and images. If you view the page at
http://student.santarosa.edu/~dnorth/hmwk1.html you can see what I'm talking
about. Everything works fine except for the "slide" effect. It is set to toggle
on in its dialogue box, but doesn't work like i expected it to. When you click
on it, it slides away and disappears. When I click back in the same area, it
doesn't reappear as I expected it to. I can only get it to come back if I hit
the page refresh button. FYI: the necessary Spry assets folder and its contents
are definitely uploaded as well. Any suggestions?? Thanks, Deborah North

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Deborah North Homework 1</title>
<style type="text/css">
<!--
#images img {
padding: 10px;
border: 1px solid #000000;
margin-right: 10px;
float: left;
background: #FFFFFF;
margin-bottom: 10px;
}
#images #slideDiv {
}
#images {
width: 100%;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
margin-left: 20px;
width: 1030px;
background: url(images/screened_bg.jpg) repeat;
}
-->
</style>
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
function MM_effectAppearFade(targetElement, duration, from, to, toggle)
{
Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to,
toggle: toggle});
}
function MM_effectBlind(targetElement, duration, from, to, toggle)
{
Spry.Effect.DoBlind(targetElement, {duration: duration, from: from, to: to,
toggle: toggle});
}
function MM_effectGrowShrink(targetElement, duration, from, to, toggle,
referHeight, growFromCenter)
{
Spry.Effect.DoGrow(targetElement, {duration: duration, from: from, to: to,
toggle: toggle, referHeight: referHeight, growCenter: growFromCenter});
}
function MM_effectHighlight(targetElement, duration, startColor, endColor,
restoreColor, toggle)
{
Spry.Effect.DoHighlight(targetElement, {duration: duration, from: startColor,
to: endColor, restoreColor: restoreColor, toggle: toggle});
}
function MM_effectShake(targetElement)
{
Spry.Effect.DoShake(targetElement);
}
function MM_effectSquish(targetElement)
{
Spry.Effect.DoSquish(targetElement);
}
function MM_effectSlide(targetElement, duration, from, to, toggle)
{
Spry.Effect.DoSlide(targetElement, {duration: duration, from: from, to: to,
toggle: toggle});
}
//-->
</script>
</head>

<body>
<h1>Homework 1 for Deborah North</h1>

<h2>Testing Dreamweaver Effects </h2>
<p>The <a href="#" onclick="MM_effectAppearFade('appearFade', 1000, 100, 10,
true)">appear/fade</a> effect is on the first far-left image.</p>
<p>The <a href="#" onclick="MM_effectBlind('images', 1000, '100%', '0%',
true)">blind effect</a> is on the entire collection of images.</p>
<p>Click directly on the other images to see the spry effect labeled in
red.</p>
<p>FYI: When you click on the “slide” image, it slides up and away
out of sight. The only way I've found to get it back is by clicking the refresh
button.
I chose toggle in the slide dialogue box, but still can't seem to get it to
reappear without refreshing the page. Is there a fix for this, or is this the
way it works?? My email is: <a
href="mailto: XXXX@XXXXX.COM "> XXXX@XXXXX.COM </a></p>

<div id="images"><img src="images/1-kinkakuji.jpg" alt="plain image"
name="appearFade" width="135" height="173" id="appearFade"
onclick="MM_effectAppearFade('appearFade', 1000, 100, 10, true)" /><img
src="images/1-grow.jpg" alt="grow" name="grow" width="135" height="173"
id="grow" onclick="MM_effectGrowShrink('grow', 1000, '100%', '10%', true,
false, true)" /><img src="images/1-highlight.jpg" alt="highlight"
name="highlight" width="135" height="173" id="highlight"
onclick="MM_effectHighlight('highlight', 2000, '#9BC2D5', '#DBBE84', '#9BC2D5',
true)" /><img src="images/1-shake.jpg" alt="shake" name="shake" width="135"
height="173" id="shake" onclick="MM_effectShake('shake')" />

<img src="images/1-squish.jpg" alt="squish" name="squish" width="135"
height="173" id="squish" onclick="MM_effectSquish('squish')" /><div
id="slideDiv"><img src="images/1-slide.jpg" alt="slide" name="slide"
width="135" height="173" id="slide" onclick="MM_effectSlide('slideDiv', 1000,
'100%', '0%', true)" /></div></div>
</body>
</html>


Top
Similar Threads

1. SPRY Slide effect change horizontal slide direction?

2. DESPERATE HELP! I broke my spry slide effect 

i can't add the effect anymore.  everytime i tried, it kept telling me that I 
need to have the target element inside a div... which it is.  every other 
effect works, such as fading or what not.  but the slide effect just gone dead. 
 

 also, i did have the effect workED in one of my other webpage.  if i go back 
to behavior panel and try to modify the effect (such as changing duration), it 
won't let me save, but just kept popping up the same error message as 
above(that i need to have target element in a div)  

 i have no idea what happened.  it just stopped working one day all of a 
sudden, and becoming very frustrating.  PLEASE SOME HELP!!!  

 (also, where can i get immediate like customer to customer real time 
conversation help?  i pay LOTS of money for this stuff, should I expect to get 
some sort of customer service from them?  some number i can call, some chatroom 
i can go to?)

3. spry slide effect problem - Adobe Dreamweaver

4. Spry Slide Effect problem in IE 7 only

5. Spry Slide Effect - Vertical Only?

6. Spry effect "slide" won't reappear

7. SPRY horizontal slide effect - Adobe Dreamweaver

8. Something wrong with my spry effect slide 

the warning message that I got repeatedly (from chinese) translated roughly 
into: "if you want this behavior to function normally, you must select the 
label of the content that is being slid..."

 Which I did, on setup... I just chose the whole div.  Also, the target content 
being slid has a unique name never been used.  

 I have no idea how I broke it, and even less idea how to fix it.

 it only work the first time I added it in another webpage.  however, what's 
strange is that when I go back to that webpage (with the working slide) and try 
to check behavior (double click twice to bring up the menu), it won't let me 
click okay, and it displayed the above warning again.  yet, if i just cancel, 
the slide effect still works.

 anyonoe give some suggestion?