25. april 2009 - 14:41Der er
9 kommentarer og 2 løsninger
CSS ved mouseover
Hej Jeg bruger scriptet i bunden til at få undermenuer frem når man klikker på hovedmenu knappen. Det virker fint men jeg vil gerne gøre lidt ekstra.
1. Når man holder musen over feltet den TD med Søg program, skal der komme en "hånd" frem. Hvordan er det koden er for det? 2. Den lidt sværre, når man har klikket på "Søg program" og undermenuen kommer frem, hvordan kan jeg så ændre den TD med "Søg program", med baggrund og farve da jeg gerne vil illustrere at det er den man har valgt? Og det skal selvfølgelig ændre sig tilbage til det oprindelig når man klikker på den igen.
Min kode: <tr><td class="menu_knap" nowrap="nowrap" onclick="toggle_visibility('sog_program');">Søg program</td></tr> <tr><td> <div id="sog_program" style="display:none;"> <table><tr><td>Dette er sjult</td></tr></table> </div> </td></tr>
Scriptet <script type="text/javascript"> function toggle_visibility(id) { var e = document.getElementById(id); if(e.style.display == 'block') e.style.display = 'none'; else e.style.display = 'block'; } </script>
mht. 1, så har jeg indsat denne onmouseover="this.style.cursor='hand'; Det virker, men hånden kommer kun når musen holdes oven over teksten i knappen. Den tomme plads der ofte er til højre for teksten, den kommer hånden ikke.
Indsæt cursor:pointer; i din css under menu_knap dette giver en hånd på hele din td med class="menu_knap" da dette vel ikke behøver at være lavet i javascript.
Dog med lidt modifikationer. For med den du skrev splazz, laver baggrund på det id objekt som kommer til syne, men jeg ville have baggrunden på den TD man trykker på til at skifte. Jeg har ikke rodet meget med det før, men har lavet det sådan
I min TD man klikker på, ekstra parameter same et ID-tag onclick="toggle_visibility('design','test');" id="test"
Sat ekstra parametre i funktionen, te function toggle_visibility(id, te) { var e = document.getElementById(id); var t = document.getElementById(te); if(e.style.display == 'block') e.style.display = 'none'; else e.style.display = 'block'; t.style.backgroundColor = '#00ff00';
Det virker fint :) Men skulle der være noget man kan lave bedre for standardens skyld så sig til.
Kan en af jer svare på dette? Under afvikling af noget hvor kan jeg så "kalde" funktionen toggle_visibility(id, te)?
I PHP skriver jeg dette, men det virker ikke. else if($menu=="design_layout"){?> <script>toggle_visibility('design'); </script> <? }
Håber I kan hjælpe med denne. Ellers læg svar for jeres hjælp
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.