Avatar billede basicq Nybegynder
22. november 2003 - 16:41 Der er 2 kommentarer og
1 løsning

Måske query string ?

Når jeg trykker på det øverste link og kommer til main.html, vil jeg gerne have det billede som man får ved onclick til stadig at være synligt på main.html. Jeg har den samme kode på alle tre sider.

Men hvordan gør jeg det.

<script type="text/javascript">
if (document.images) {
    button_1_on=new Image;
    button_1_on.src="normal_over.gif";
    button_1_off=new Image;
    button_1_off.src="normal.gif";

    button_2_on=new Image;
    button_2_on.src="normal_over.gif";
    button_2_off=new Image;
    button_2_off.src="normal.gif";

    button_3_on=new Image;
    button_3_on.src="normal_over.gif";
    button_3_off=new Image;
    button_3_off.src="normal.gif";
}

var buttonClicked = "";//global variabel
function clickButton(imgName){
  var num = parseInt(imgName.substring(7),10);
  for (i=1;4>i;i++){
    if(i!=num){
      imgOff = "button_"+i+"_";
      document[imgOff].src=eval(imgOff + "off.src");
    }
  }
  buttonClicked = imgName;
}

function rollOver(imgName){
    if (document.images) {
        document[imgName].src=eval(imgName + "on.src");
    }
}

function rollOut(imgName){
    if (document.images&&imgName!=buttonClicked) {
        document[imgName].src=eval(imgName + "off.src");
    }
}

</script>
</head>

<body>
<a href="main.html" onMouseover="rollOver('button_1_')"
onMouseout="rollOut('button_1_')"
onclick="buttonClicked='button_1_';">
<img src="normal.gif" border="0" name="button_1_" alt="Info" width="50" height="50"></a>
<br>
<a href="pling.html" onMouseover="rollOver('button_2_')"
onMouseout="rollOut('button_2_')"
onclick="buttonClicked='button_2_';">
<img src="normal.gif" border="0" name="button_2_" alt="Info" width="50" height="50"></a>
<br>
<a href="saywhat.html" onMouseover="rollOver('button_3_')"
onMouseout="rollOut('button_3_')"
onclick="buttonClicked='button_3_';">
<img src="normal.gif" border="0" name="button_3_" alt="Info" width="50" height="50"></a>
Avatar billede skovenborg Nybegynder
22. november 2003 - 23:21 #1
du kan prøve at lave en såkaldt search-string:
<a href="main.html?bld=button_1_" onMouseover="rollOver('button_1_')"
onMouseout="rollOut('button_1_')"
onclick="buttonClicked='button_1_';">
<img src="normal.gif" border="0" name="button_1_" alt="Info" width="50" height="50"></a>
<br>

<a href="pling.html?bld=button_2_" onMouseover="rollOver('button_2_')"
onMouseout="rollOut('button_2_')"
onclick="buttonClicked='button_2_';">
<img src="normal.gif" border="0" name="button_2_" alt="Info" width="50" height="50"></a>
<br>
<a href="saywhat.html?bld=button_3_" onMouseover="rollOver('button_3_')"
onMouseout="rollOut('button_3_')"
onclick="buttonClicked='button_3_';">
<img src="normal.gif" border="0" name="button_3_" alt="Info" width="50" height="50"></a>

På siden kan du så lave en funktion som skifter billedet ud hvis den er blevet trykket på:
function changeBld()
{
  bldInt = location.search.indexOf("bld");
  vars = location.search.substring(bldInt,bldInt+13);
  bldName = vars.substring(vars.indexOf("=")+1);
  if (document.images)
  {
  document.images[bldName].src = eval(bldName + "on.src");
  }
}

Og så hente den når din side loader:
<body onload="changeBld();">

Det kan godt være du skal ændre på 13-tallet, så det bliver det rigtige navn ;-)
Avatar billede basicq Nybegynder
19. december 2003 - 20:41 #2
Smid et svar...
Avatar billede skovenborg Nybegynder
20. december 2003 - 14:20 #3
okay da :-)

og glædelig jul...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester