login  Naam:   Wachtwoord: 
Registreer je!
 Forum

onclick rollover

Offline murt - 22/09/2005 15:30 (laatste wijziging 22/09/2005 15:31)
Avatar van murtHTML interesse ik heb een menu waarbij als ik op een button click het plaatje ernaast een rollover moet geven enigste probleem ze staan niet bij elkaar in 1 tabel iemand ideeen of suggesties

dit is de code let niet op de 2 x onclick ik weet ervan
  1. <SCRIPT LANGUAGE="JavaScript">
  2. <!--
  3.  
  4. function Navigateur(){
  5. if (navigator.appName.indexOf("Netscape") > -1) {return "Netscape";}
  6. if (navigator.appName.indexOf("Explorer") > -1) {return "Explorer";}
  7. return "Unknown";
  8. }
  9.  
  10. var a
  11. a= new Array();
  12. a[0]=new Image;
  13. a[0].src="Images/header-links.jpg";
  14. a[1]=new Image;
  15. a[1].src="Images/link-links.jpg";
  16. a[2]=new Image;
  17. a[2].src="Images/header-rechts.jpg";
  18. a[3]=new Image;
  19. a[3].src="Images/link-rechts.jpg";
  20.  
  21. function roll(img,nb) {
  22. eval("img.src=a["+nb+"].src");
  23. }
  24.  
  25. function trans(img,nb){
  26. if (Navigateur() == "Explorer") {
  27. img.filters[0].apply();
  28. eval("img.src=a["+nb+"].src");
  29. img.filters[0].play();
  30. } else {
  31. eval("img.src=a["+nb+"].src");
  32. }
  33. }
  34.  
  35. function makevisible(img,flag){
  36. if (flag==0) img.filters.alpha.opacity=100
  37. else img.filters.alpha.opacity=50
  38. }
  39.  
  40. </script>
  41. </head>
  42. <body width="615" height="95" class="header">
  43. <table cellspacing="0" cellpading="0" border="0">
  44. <tr height="20" class="header">
  45. <td width="49"></td>
  46. <td width="39"></td>
  47. <td width="49" valign="middle"><a href="Asp/freetext.asp?intFreeTextId=131" target="content">Werkterrein</a></td>
  48. <td width="45"></td>
  49. <td width="49" valign="middle">Voor wie</td>
  50. <td width="55"></td>
  51. <td width="49" valign="middle">Missie</td>
  52. <td width="35"></td>
  53. <td width="49" valign="middle"><a href="Asp/freetext.asp?intFreeTextId=133" target="content">Opdrachten</a></td>
  54. <td width="49"></td>
  55. <td width="49"></td>
  56. <td width="49"></td>
  57. </tr>
  58. </table>
  59. <table cellspacing="0" cellpading="0" border="0">
  60. <tr>
  61. <td><img src="Images/header-links.jpg"></td>
  62. <td><img src="Images/header-rechts.jpg"></td>
  63. <td><a href="Asp/freetext.asp?intFreetextId=131" target="content" onclick="roll(img1,1)"; onclick="roll(img1,0)"><img name="img1" src="Images/header-links.jpg" border="0"></td>
  64. <td><a href="Asp/freetext.asp?intFreeTextId=132" target="content" onclick="roll(img3,3)"; onclick="roll(img3,2)"><img name="img3" src="Images/header-rechts.jpg" border="0"></td>
  65. <td><img src="Images/header-links.jpg"></td>
  66. <td><img src="Images/header-rechts.jpg"></td>
  67. <td><img src="Images/header-links.jpg"></td>
  68. <td><img src="Images/header-rechts.jpg"></td>
  69. <td><a href="Asp/freetext.asp?intFreeTextId=133" target="content" onclick="roll(img1,1)"; onclick="roll(img1,0)"><img name="img2" src="Images/header-links.jpg" border="0"></td>
  70. <td><img src="Images/header-rechts.jpg"></td>
  71. <td><img src="Images/header-links.jpg"></td>
  72. <td><img src="Images/header-rechts.jpg"></td>
  73. </tr>

5 antwoorden

Gesponsorde links
Offline Sc0tTy - 22/09/2005 15:36
Avatar van Sc0tTy PHP interesse jij hebt onclick="roll(img1,1)"; staan

moet het niet onclick="javascript:roll(img1,1)"; zijn ?
Offline murt - 22/09/2005 15:38
Avatar van murt HTML interesse dat is niet het probleem ik wil graag de textlink samenvoegen met de img link

hoe ga ik dat doen
Offline Sc0tTy - 22/09/2005 16:13 (laatste wijziging 22/09/2005 16:15)
Avatar van Sc0tTy PHP interesse een variabele in je functie maken ipv de 2 syntaxes die je nu hebt , 3 en die is dan voor welke url hij moet changen

  1. function roll(img,nb,link) {
  2. eval("img.src=a["+nb+"].src");
  3. if (link == asdf) window.location='asdf.html';
  4. elseif (link == asdf2) window.location='asdf2.html';
  5. }


ik weet niet ckr hoe de if then else van JS werkt
Offline murt - 23/09/2005 14:39
Avatar van murt HTML interesse [IMG]http://www.soesterglorie.nl/zilla.jpg[/IMG]

je ziet hier het menu van de website wat er moet gebeuren is dat als je op z'n mannetje van het menu klikt dat het dan blijft staan en als je op een andere klikt die dan de rollover doet en de andere verdwijnt iemand suggesties ideeën

script staat bij de begin post
Offline Kristel - 02/10/2005 06:38
Avatar van Kristel Nieuw lid Hey Murt, als ik het goed begrijp wil je een mouse over op de button en een image ernaast, in andere tabel ook doen veranderen...?
Ik heb dit op devolgende site gedaan, kijk anders effe naar de bron.... Misschien ben je er iets mee... Het lukt wel degelijk ook in een andere tabel dacht ik! Greetzz

http://lodgon.com/kris/deklok/frame1klok.html

De volledige site is http://lodgon.com/kris/deklok/index.html
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.202s