Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Bgcolor van tabel cel veranderen bij MouseOver

17 antwoorden
  • Ik wil bij een cel van een tabel de achtergrond kleur laten veranderen wanneer de muis erover heen gaat, en wanneer de muis er weer af gaat de originele kleur weer terug komt.. Is dit mogelijk? Ik dacht al aan de volgende twee tags, maar dat werkte niet: 1. [code:1:e1466e1a37] <div onMouseOver="bgcolor:#CCCCCC; " onMouseOut="bgcolor:#FFFFFF; " ><td>bladiebla</td></div> [/code:1:e1466e1a37] 2. [code:1:e1466e1a37] <td onMouseOver="bgcolor:#CCCCCC; " onMouseOut="bgcolor:#FFFFFF; ">bladiebla</td> [/code:1:e1466e1a37] Beide werken dus niet, ik heb ook background-color geprobeerd ipv bgcolor maar dat werkte ook niet.. Wat moet ik doen? Alvast bedankt
  • Euh, denk dat ik het misschien al heb :D : [code:1:93ed16b4fc] <td onMouseOver="this.style.backgroundColor='#CCCCCC'" onMouseOut="this.style.backgroundColor='#FFFFFF'" bgcolor="#FFFFFF"> [/code:1:93ed16b4fc] -of- [code:1:93ed16b4fc] CSS: .btnav { background-color: #84C1DF; border: 1px #000000 solid;} <td class="btnav" onmouseover="style.backgroundColor='#CCCCCC';" onmouseout="style.backgroundColor='#FFFFFF'"> </td> [/code:1:93ed16b4fc] toch? Toch bedankt :wink:
  • Je kunt het ook zonder javascript doen, en wel mbv css. http://css.maxdesign.com.au/listamatic/vertical08.htm
  • dat is niet helemaal waar, want dan werkt het alleen met een <a> tag (dankzij IE). Zou :hover op alle elementen werken, dan wel..
  • Oke, bedankt voor de reacties en het is gelukt :) Nu heb ik nog een probleempje. Ik wil namelijk een list/menu maken net als de adres balk van explorer, dus een list/menu die je kan editen, en er bijvoorbeeld een webadres in kan voeren. Maar hoe kan dat?? Want ik heb het met de volgende tag geprobeerd: [code:1:5b3d0c79c7] <select> <option></option> </select> [/code:1:5b3d0c79c7] ....Maar ik heb geen style oid kunnen vinden waarmee je het "editable" kan maken.. Heeft iemand een idee? Alvast weer bedankt :wink:
  • deze dingen worden nog steeds door het OS gerendered, dus zijn ze slecht aan te passen. Je zou een css/script trukkje kunnen toepassen... t.
  • [quote:67db3a0e57="teacher"]deze dingen worden nog steeds door het OS gerendered, dus zijn ze slecht aan te passen. Je zou een css/script trukkje kunnen toepassen... t.[/quote:67db3a0e57] Ja dat is nou juist het probleem- dat css/script trukje ken ik dus niet en kan ik ook nite op google vinden :( Kan iemand me miss zeggen waar ik het kan vinden / het script ervan geven? Bedankt
  • gewoon zoiets: [code:1:af501d3461] <style> select.lijstje { bgcolor: #FF0000; color: #00FFFF; } </style> --- <select name="x" class="lijstje"> <option value="1">1</option> <option value="2">2</option> </select>[/code:1:af501d3461]
  • Nee dat is niet wat ik bedoel. Het idee is dat je in de list kan [b:fb56971c14]typen[/b:fb56971c14] dus net als in de adres balk van Internet Explorer enzo: Daar kan je in de dropdown list typen, dus een soort van mengsel van een inputbox en een listbox. Snappie? :)
  • Dat kan niet naar mijn weten. Wat is trouwens je doel met het typen in een 'dropdown' ding, je verstuurd toch maar 1 waarde per veld dus waarom geen input als ze zelf de keuze hebben? En als de gebruiker autoaanvullen aan heeft komt de ingevoerde historie ook wel tevoorschijn :o
  • Als je hoort waarom ga je me waarschijnlijk heel hard uitlachen :D Ik probeer namelijk een website te maken, die er exact hetzelfde uitziet als het "Deze computer" venster van windows XP... En daarvoor moet ik dat hebben dus.. Maarja, als het echt niet kan kan het niet... Weet je het zeker? :( Trouwens, als er al een autoaanvul optie in IE is (dat is idd zo), waarmee er dus een soort van dropdown/input combinatie komt, moet daar toch ook wel een los script voor zijn dat je dat ook gewoon kan doen?
  • [quote:64bca15d7b="carlobernardini"] Trouwens, als er al een autoaanvul optie in IE is (dat is idd zo), waarmee er dus een soort van dropdown/input combinatie komt, moet daar toch ook wel een los script voor zijn dat je dat ook gewoon kan doen?[/quote:64bca15d7b] Ja maar da's het grote geheim van MS (zit nl in de broncode van het OS...) Maar je kunt toch gewoon een dropdown maken die er hetzelfde uitziet [b:64bca15d7b]en[/b:64bca15d7b] doet wat jij wilt? In Fireworks bijv. kun je dit soort menu'tjes vrij makkelijk wysiwyg maken. Of een script zoeken en aanpassen
  • Ja, jammergenoeg ben ik dus niet zo'n all-in-one scripter... Ik kan van scripten echt geen bal.. Heeft iemand misschien de tijd om iets te maken? :( Weer bedankt :wink:
  • Voorbeeld van een dropdownmenu met een script: [code:1:05068b83f6]<form action="get"> <select name="list" size="1" onchange="showpage(this.form);"> <option value="x">Kies hier de websitepagina die u wilt openen </option> <option value="pagina1.html">Pagina 1</option> <option value="pagina2.html">Pagina 2</option> <option value="pagina3.html">Pagina 3</option> </select><input type="button" value="OK" onclick="showpage(this.form);"> </form> <script type="text/javascript"> function showpage(form) { var item = form.list.selectedIndex; choice = form.list.options[item].value; if (choice!="x") location.href="http://www.mijnsite.nl/"+(choice); }; </script>[/code:1:05068b83f6]Kijk maar of je er iets mee kunt :wink:
  • Zoals gezegd zijn er geen standaard html controls die de gewenste functionaliteit hebben. Maar er zijn wel meerdere mogelijkheden om het op te lossen. Als je een beetje zoekt op internet dan kan je nog wel wat voorbeelden vinden. Er zijn selects te vinden die in dhtml zijn "nagebouwd". En oplossingen waarbij een text-input (of div, dat weet ik niet zeker) over een select wordt geplaatst en het gedrag van beide wordt gekoppeld. Beide oplossingen hebben zo hun voor en nadelen.
  • [quote:a993aaa260="redmar"]Dat kan niet naar mijn weten. Wat is trouwens je doel met het typen in een 'dropdown' ding, je verstuurd toch maar 1 waarde per veld dus waarom geen input als ze zelf de keuze hebben? En als de gebruiker autoaanvullen aan heeft komt de ingevoerde historie ook wel tevoorschijn :o[/quote:a993aaa260] Met name voor (bedrijfs)applicaties vind ik deze functionaliteit handig. Een nadeel van de select is dat je niet makkelijk met het toetsenbord door de opties kan navigeren: een select reageert alleen op de eerste letter van het woord. Om in onderstaand voorbeeld snel naar "appel" te springen, kan je niet even A-P intikken, aangezien je dan uitkomt bij de optie "peer". [code:1:a993aaa260] <select> <option>aardbei <option>appel <option>banaan <option>peer </select> [/code:1:a993aaa260] De mogelijkheid om ook zelf opties in te geven, is wat minder noodzakelijk, maar ook daarvoor zijn wel praktische toepassingen te bedenken. /edit: ik heb nog even gezocht, maar ik kan maar niet het voorbeeldje terugvinden waarbij beide mogelijkheden (wel/geen custom antwoorden) ondersteund werden. Balen.
  • Het probleem is dus dat ik helemaal (nog) niks van scripts snap.. Ik heb al veel het internet afgezocht, maar nix gevonden. Hebben jullie niet een DHTML / java / watdanookalshetmaarwerkt script voor me? :D Of kan iemand me misschien een link geven naar een website waar het te vinden is? Thx :wink:

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.