|
Categorieën >
JavaScript
OnClick
|
|
|
offline
|
HTML interesse
|
Hey!
Ik wil graag een code dat als je op een plaatje klikt, dat er een rand omheen komt (hier stond al een topic van op SiMa, maar daar stond geen duidelijk antwoord en ik wil het anders.).
Ik wil het liefst dat als je op het plaatje klikt, dat dan een variabele, die php kan uitlezen, de waarde van dat plaatje krijgt.
Dus dan kan ik in php wel die rand er om heen doen. (Ik wil de waarde namelijk mee sturen in een hidden-input, dus wil ik de variabele het liefst in php.).
Weet iemand hoe dit moet of weet iemand een andere manier?
Alvast bedankt!:)
Brycer |
11 antwoorden
Ontani – 03/08/2005 15:12 (Laatst gewijzigd op 03/08/2005 15:14)
|
|
offline
|
   
Grafische Ninja
|
<a href="#" onclick="document.getElementById('test').style='border-style:solid; border-width: 1px;' );"><img id="test" border="0" /></a>
<a href="#" onclick="document.getElementById('test').style='border-style:solid; border-width: 1px;' );"><img id="test" border="0" /></a>
|
|
|
|
offline
|
HTML interesse
|
ok, tnxz, maar hoe geef ik de waarde aan de variabele? (voor de hidden-input)
BvD Brycer
|
|
|
|
offline
|
PHP beginner
|
onClick (hoofdletter C)
|
|
|
|
offline
|
HTML interesse
|
Maar ik wil hem niet in de url meegeven, want ik wil dat ie geset wordt, zodra je op het plaatje klikt en niet dat hij de pagina moet herladen.
Iemand?
Brycer
|
|
|
|
offline
|
PHP interesse
|
zo iets ??
<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">
<!--
function change1()
{
onChange(document.getElementById('name1').border="10")// voer ipv 10 de gewenste borderdikte in.
}
//-->
</script>
</head>
<body>
<img src="afbeelding.gif" id="name1" onClick="change1()" border="0" >
</body>
</html>
<html> <head> <title>Untitled</title> <script language="JavaScript" type="text/javascript"> <!-- function change1() { onChange(document.getElementById('name1').border="10")// voer ipv 10 de gewenste borderdikte in. } //--> </script> </head> <body> <img src="afbeelding.gif" id="name1" onClick="change1()" border="0" > </body> </html>
|
|
|
|
offline
|
Onbekend
|
waarvoor heb je zon code nodig?
|
Brycer – 04/08/2005 20:14 (Laatst gewijzigd op 05/08/2005 13:17)
|
|
offline
|
HTML interesse
|
Een ecard systeempje.
Ik heb hem al werkende, maar met radio-buttons.
En ik wil hem graag wat mooier maken.;-)
Brycer
Edit: Beide bovenstaande oplossingen werken niet (of geven in elk geval niet het gewenste resultaat). Weet niemand hoe ik dit doe?
Ik wil dus dat als je op een plaatje klikt, dat die dan een border krijgt en dat de variabele Kaart dan de naam van het plaatje als waarde krijgt en dat ik die waarde naar de volgende pagina verstuur in een hidden-input. En dat onclick moet werken zonder de pagina te vernieuwen.
BvD Brycer
|
|
|
|
offline
|
   
Grafische Ninja
|
<script type="text/javascript">
function border()
{
if (document.getElementById('test').style.border != '') {
document.getElementById('test').style.border = '';
document.getElementById('testInput').value = '';
} else {
document.getElementById('test').style.border = '1px solid #000000';
document.getElementById('testInput').value = 'any hidden value you want';
}
}
</script>
<a href="#" onClick="border();">KLIK HIER</a><br/><br/>
<img src="http://www.google.be/images/hp0.gif" id="test"/>
<br/>
<input type="text" id="testInput" size="50"/>
<script type="text/javascript"> function border() { if (document.getElementById('test').style.border != '') { document.getElementById('test').style.border = ''; document.getElementById('testInput').value = ''; } else { document.getElementById('test').style.border = '1px solid #000000'; document.getElementById('testInput').value = 'any hidden value you want'; } } </script> <a href="#" onClick="border();">KLIK HIER</a><br/><br/> <img src="http://www.google.be/images/hp0.gif" id="test"/> <br/> <input type="text" id="testInput" size="50"/>
|
Dit onderwerp is gesloten.
|
|
|