6 svar · 292 visningar · startad av eko
Hej,
Jag håller på med en menysystem och har kört fast lite! Använder följande javascript för att byta ut bilder + att jag använder QueryStrings och Server.Execute för att ladda in sidor i default.asp. Problemet är så att jag vill att down bilderna ska visas och stanna kvar i down läget tills man har klickat nästa länk vilket den gör när jag sätter ett "#" istället för tex: "default.asp?category=tour". Men så fort man anger en riktig länk så vägrar bilden stanna kvar i down läget. Explorer verkar inte fatta vilken sida som visas?
------------------------------------------------------------
<script type="text/javascript">
/* Detta script finns att hämta på http://www.jojoxx.net och
får användas fritt så länge som dessa rader står kvar. */
if (document.images) {
button_1_on=new Image;
button_1_on.src="buttons/tour_down.gif";
button_1_off=new Image;
button_1_off.src="buttons/tour_up.gif";
button_2_on=new Image;
button_2_on.src="buttons/video_down.gif";
button_2_off=new Image;
button_2_off.src="buttons/video_up.gif";
button_3_on=new Image;
button_3_on.src="buttons/press_down.gif";
button_3_off=new Image;
button_3_off.src="buttons/press_up.gif";
var re;
}
function rollIn(imgName){
if (document.images) document[imgName].src=eval(imgName + "on.src");
}
function rollOut(imgName){
if (document.images && re!=imgName) document[imgName].src=eval(imgName + "off.src");
}
function selectLink(imgName){
if(re&&re!=imgName) document[re].src=eval(re + "off.src");
re = imgName;
}
</script>
<a href="default.asp?category=tour" onClick="selectLink('button_1_')" onMouseover="rollIn('button_1_')" onMouseout="rollOut('button_1_')"><img src="buttons/tour_up.gif" border="0" name="button_1_" width="30" height="13"></a>
<a href="default.asp?category=video" onClick="selectLink('button_2_')" onMouseover="rollIn('button_2_')" onMouseout="rollOut('button_2_')"><img src="buttons/video_up.gif" border="0" name="button_2_" width="34" height="13"></a>
<a href="default.asp?category=press" onClick="selectLink('button_3_')" onMouseover="rollIn('button_3_')" onMouseout="rollOut('button_3_')"><img src="buttons/press_up.gif" border="0" name="button_3_" width="37" height="13"></a>
------------------------------------------------------------
Hoppas att någon har en lösning på detta problem!
Och vill hjälpa till MVH Erik
Enklast via asp:
<%if not request.querystring("category")="video" then%>
<a href="default.asp?category=video" onClick="selectLink('button_2_')" onMouseover="rollIn('button_2_')" onMouseout="rollOut('button_2_')"><img src="buttons/video_up.gif" border="0" name="button_2_" width="34" height="13"></a>
<%else%>
<a href="default.asp?category=video"><img src="buttons/video_down.gif" border="0" name="button_2_" width="34" height="13"></a>
<%end if%>
och motsvarande för de andra länkarna.
Tack Jojoxx,
Nu funkar funktionen som jag ville ha det, men det blev otroligt rörigt i designen när jag jobbar med sidan! I mitt exempel hade jag bara 3st länkar men igentligen har jag 14 st och när alla bilderna visas samtidigt blir det väldigt rörigt!
Finns det något sätt att få samma funktion utan att alla bilderna visas samtidigt?
Mycket tacksam för svar / MVH Erik
Du kan ju iofs bara lägga till eventen om de skall vara där, och bara använda en och samma länk;
<a href="default.asp?category=video" <%if not request.querystring("category")="video" then%>onClick="selectLink('button_2_')" onMouseover="rollIn('button_2_')" onMouseout="rollOut('button_2_')"><img src="buttons/video_up.gif" <%else%>><img src="buttons/video_down.gif" <%end if%>border="0" name="button_2_" width="34" height="13"></a>
hej igen..
Tack för hjälpen.. Men jag får det inte riktigt att funka med den nya koden. Bilderna stannar inte kvar i "down" läget! Det är något fel någonstans men jag ser inte var! Med förra koden blev det rätt, men det blev för jäkla rörigt i design läget..
Det känns som att det är "up" bilden som hänger kvar efter man har klickat, istället för "down" bilden.
Någon som ser en lösning på koden?
MVH Erik
Sorry, miss av mig. Nu skall det fungera.
Tack ja nu funkar det och är lite mindre asp kod, men fortfarande så visas både "up" och "down" bilderna samtidigt jämte varandra i designläget, vilket är jobbigt!
Det verkar ju inte finnas något sätt att komma ifrån det, eller?
MVH Erik