anoniem Geplaatst: 25 augustus 2002 Delen Geplaatst: 25 augustus 2002 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 Quote Link naar reactie
anoniem Geplaatst: 25 augustus 2002 Auteur Delen Geplaatst: 25 augustus 2002 document.forms['form_naam'].submit() Quote Link naar reactie
anoniem Geplaatst: 25 augustus 2002 Auteur Delen Geplaatst: 25 augustus 2002 [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") Quote Link naar reactie
anoniem Geplaatst: 25 augustus 2002 Auteur Delen Geplaatst: 25 augustus 2002 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 Quote Link naar reactie
anoniem Geplaatst: 25 augustus 2002 Auteur Delen Geplaatst: 25 augustus 2002 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. Quote Link naar reactie
anoniem Geplaatst: 26 augustus 2002 Auteur Delen Geplaatst: 26 augustus 2002 annie, check prive bericht.. Quote Link naar reactie
anoniem Geplaatst: 26 augustus 2002 Auteur Delen Geplaatst: 26 augustus 2002 [quote:da2d73c77c="Obitorium"]annie, check prive bericht..[/quote:da2d73c77c]Dat is altijd handig, zo kunnen wij je ook lekker helpen... Quote Link naar reactie
anoniem Geplaatst: 27 augustus 2002 Auteur Delen Geplaatst: 27 augustus 2002 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 Quote Link naar reactie
anoniem Geplaatst: 27 augustus 2002 Auteur Delen Geplaatst: 27 augustus 2002 en je mist nu nog de roll-over... maar ik geloof dat dit via PB verder gaat?? :roll: /t Quote Link naar reactie
anoniem Geplaatst: 27 augustus 2002 Auteur Delen Geplaatst: 27 augustus 2002 Kwestie van de event-handlers onmouseover en onmouseout plaatje zichtbaar c.q. onzichtbaar maken. Staat ook in de OP. Daniel Quote Link naar reactie
anoniem Geplaatst: 27 augustus 2002 Auteur Delen Geplaatst: 27 augustus 2002 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="#FF9900"][/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 Quote Link naar reactie
anoniem Geplaatst: 28 augustus 2002 Auteur Delen Geplaatst: 28 augustus 2002 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 Quote Link naar reactie
Aanbevolen berichten
Om een reactie te plaatsen, moet je eerst inloggen