Vraag & Antwoord

Webprogrammeren & scripting

roll-over als submit button

12 antwoorden
  • Ik zit met het volgende: Ik wil mijn 'verzenden' knop wat opfleuren :D door het gebruik van een image en het liefst een rollover. De code voor het gebruik van een image heb: [code:1:3491deef21]<input type="image" src="../images/imgs/send.gif" name="submit">[/code:1:3491deef21] Maar als ik dit gebruik, dan krijg ik er een lelijke rand omheen en dat is natuurlijk niet de bedoeling. Nou heb ik een goed voorbeeld: [url=http://www.spoono.com]spoono.com[/url]. Daar gebruiken ze geen submit in het form zelf, maar roepen dit aan met javascript, gelinkt aan een rollover button. De code: [code:1:3491deef21]<a href="javascript:document.poll.submit();" onmouseover="changeImages('vote', 'general/vote_o.gif'); return true;" onmouseout="changeImages('vote', 'general/vote.gif'); return true;"><img name="vote" src="general/vote.gif" width="23" height="11" alt="Vote" border="0"></a>[/code:1:3491deef21] Nou komt dus de vraag: welke javascript(welke function) moet ik maken, zodat mijn formulier wordt verzonden? ::greetz:: Obi
  • document.forms['form_naam'].submit()
  • [quote:1853987504="Obitorium"] [code:1:1853987504]<input type="image" src="../images/imgs/send.gif" name="submit">[/code:1:1853987504] Maar als ik dit gebruik, dan krijg ik er een lelijke rand omheen en dat is natuurlijk niet de bedoeling. [/quote:1853987504] Tegen die randen: border="0" in de tag zetten (achter src="blablabla")
  • dat van border=0 werkt niet,dat is ook geen property van de type tag. de andere oplossing werkt ook niet, maar ik zal wel iets verkeerd doen. Dit is de code die ik gebruik voor de knop: [code:1:c059eb61c4]<a href="javascript:document.forms['teken_gastenboek'].submit()"><img border="0" src="../images/imgs/send.gif" width="43" height="14"></a>[/code:1:c059eb61c4] Hij geeft dan de volgende error: Object doenst support this property or method. (line 1, character 1). Wat doe ik fout? ::greetz:: Obi
  • Kan je nog wat meer relevante code laten zien (form bijvoorbeeld)? Of heb je misschien de site ergens online staan? De <a href> ziet er goed uit namelijk.
  • annie, check prive bericht..
  • [quote:da2d73c77c="Obitorium"]annie, check prive bericht..[/quote:da2d73c77c]Dat is altijd handig, zo kunnen wij je ook lekker helpen...
  • Je moet de javascript code als volgt in de A HREF tag zetten: [code:1:8b52df3506]<a href="#" onmousedown="document.forms['teken_gastenboek'].submit()"><img border="0" src="../images/imgs/send.gif" width="43" height="14"></a>[/code:1:8b52df3506] Daniel
  • en je mist nu nog de roll-over... maar ik geloof dat dit via PB verder gaat?? :roll: /t
  • Kwestie van de event-handlers onmouseover en onmouseout plaatje zichtbaar c.q. onzichtbaar maken. Staat ook in de OP. Daniel
  • Dankjewel voor alle reacties! Het gaat niet verder via dat privebericht hoor. Ik wilde de url van de website liever niet public maken, daarom deed ik het op deze manier. Dat sommige onder ons dat niet snappen/waarderen das dan jammer... Helaas blijf ik dezelfde melding krijgen, dus post ik toch maar even mn code. Het is de code van een gastenboek en dit is het gedeelte om het te tekenen. (de code wordt wel raar afgeborken, dus moeilijk leesbaar :-?) [code:1:8e7665df17] <form name="teken_gastenboek" method="post" action="toevoegen_db.php"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td>naam:  </td> <td><input type="text" name="naam" size="30"></td> </tr> <tr> <td>email:  </td> <td><input type="text" name="email" size="30"> (optie)</td> </tr> <tr> <td>website:  </td> <td><input type="text" name="website" size="30"> (optie)</td> </tr> <tr><td colspan="2"><img src="../images/imgs/spacer.gif" width=2 height=10 alt=""></td></tr> <tr> <td colspan="2"> <input type="button" style="font-weight: bold; width: 30px" value="B" onclick="javascript:icon('[b][/b] ')"> <input type="button" style="font-style: italic; width: 30px" value="I " onclick="javascript:icon('[i][/i] ')"> <input type="button" style="text-decoraton: underline; width: 30px" value="U" onclick="javascript:icon('[u][/u] ')"> <input type="button" style="color: #0000FF" value="Color" onclick="javascript:icon('[color=&quot#FF9900&quot][/color] ')"> <input type="button" style="font-family: Courier New" value="Code" onclick="javascript:icon('[code][/code] ')"> </td> </tr> <tr><td colspan="2"><textarea name="bericht" cols="50" rows="20"></textarea></td></tr> <tr><td colspan="2" align="center"> <a href="javascript:icon(';-)')"><img border="0" src="../images/smiles/wink.gif"></a><a href="javascript:icon(':-|')"><img border="0" src="../images/smiles/unsure.gif"></a><a href="javascript:icon(':-P')"><img border="0" src="../images/smiles/tongue.gif"></a><a href="javascript:icon(':-)')"><img border="0" src="../images/smiles/smile.gif"></a><a href="javascript:icon(':(')"><img border="0" src="../images/smiles/sad.gif"></a><a href="javascript:icon('%-)')"><img border="0" src="../images/smiles/rolleyes.gif"></a><a href="javascript:icon('|8|')"><img border="0" src="../images/smiles/ph34r.gif"></a><br> <a href="javascript:icon(':-O')"><img border="0" src="../images/smiles/ohmy.gif"></a><a href="javascript:icon(':-@')"><img border="0" src="../images/smiles/mad.gif"></a><a href="javascript:icon(':-]')"><img border="0" src="../images/smiles/laugh.gif"></a><a href="javascript:icon(':-?')"><img border="0" src="../images/smiles/huh.gif"></a><a href="javascript:icon(':-\\')"><img border="0" src="../images/smiles/dry.gif"></a><a href="javascript:icon('8)')"><img border="0" src="../images/smiles/cool.gif"></a><a href="javascript:icon('8-/')"><img border="0" src="../images/smiles/blink.gif"></a><a href="javascript:icon(':-D')"><img border="0" src="../images/smiles/biggrin.gif"></a> </td></tr> <tr><td colspan="2"><img src="../images/imgs/spacer.gif" width=2 height=10 alt=""></td></tr> <tr><td colspan="2" align="right"><a href="#" onmousedown="document.forms['teken_gastenboek'].submit()"><img border="0" src="../images/imgs/send.gif" width="43" height="14"></a></td></tr> </table> </form> [/code:1:8e7665df17] ::greetz:: Obi
  • ik heb het eindelijk gevonden :D. Allemaal bedankt voor de reacties! Hier is de code: [code:1:04f8ce4352] <a href="javascript:document.teken_gastenboek.cmdButton.value='OK';document.teken_gastenboek.submit();" onMouseOver="status='';return(true);" onMouseOut="status='';return(true);"><img src="../images/imgs/send.gif" alt="teken" vspace="0" hspace="0" border="0" WIDTH="43" HEIGHT="14"></a> [/code:1:04f8ce4352] Let wel op dat er ook nog een hidden type is: [code:1:04f8ce4352] <input type="hidden" name="cmdButton" value="-"> [/code:1:04f8ce4352] Dit plaats je allemaal in tussen de form tags en dan werkt ie! ::greetz:: Obi

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.