formulier met links zonder javascript
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
var someSettings = document.someSettings, // Pak een element met de name someSetting (in ons geval een form)
anchors = someSettings.getElementsByTagName('a'), // Pak alle anchor tags in dit form
propVal = someSettings.propVal; // Pak een element met de name propVal die een child is van ons form
// I.p.v. de hele tijd var te typen gebruik ik hier een ,
for(i=0; i < anchors.length; i++) {
// Voor elke anchor in someSettings
anchors[i].onclick = function() { // Click event
propVal.value = this.innerHTML; // This is de link waarop geklikt wordt
someSettings.submit(); // Submit het formulier
return false; // Zodat de href niet werkt
};
}
anchors = someSettings.getElementsByTagName('a'), // Pak alle anchor tags in dit form
propVal = someSettings.propVal; // Pak een element met de name propVal die een child is van ons form
// I.p.v. de hele tijd var te typen gebruik ik hier een ,
for(i=0; i < anchors.length; i++) {
// Voor elke anchor in someSettings
anchors[i].onclick = function() { // Click event
propVal.value = this.innerHTML; // This is de link waarop geklikt wordt
someSettings.submit(); // Submit het formulier
return false; // Zodat de href niet werkt
};
}
En de HTML die hierbij hoort:
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<form name="someSettings">
<a href="#maakt_niet_uit_wat_hier_staat">Link 1</a>
<a href="http://www.phphulp.nl/">Link 2</a>
<a href="http://www.php.net/">Link 3</a>
<input type="hidden" name="propVal">
</form>
<a href="#maakt_niet_uit_wat_hier_staat">Link 1</a>
<a href="http://www.phphulp.nl/">Link 2</a>
<a href="http://www.php.net/">Link 3</a>
<input type="hidden" name="propVal">
</form>
Als ik het goed begrijp hoef ik nu dus geen functie op de links zelf te zetten he? Alleen een .js bestandje met deze code aanroepen in de head neem ik aan?
Mooi gemaakt, dankjewel!
Wouter J op 25/06/2011 23:20:01:
Hier dan wat ik had beloofd. De JavaScript:
En de HTML die hierbij hoort:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
var someSettings = document.someSettings, // Pak een element met de name someSetting (in ons geval een form)
anchors = someSettings.getElementsByTagName('a'), // Pak alle anchor tags in dit form
propVal = someSettings.propVal; // Pak een element met de name propVal die een child is van ons form
// I.p.v. de hele tijd var te typen gebruik ik hier een ,
for(i=0; i < anchors.length; i++) {
// Voor elke anchor in someSettings
anchors[i].onclick = function() { // Click event
propVal.value = this.innerHTML; // This is de link waarop geklikt wordt
someSettings.submit(); // Submit het formulier
return false; // Zodat de href niet werkt
};
}
anchors = someSettings.getElementsByTagName('a'), // Pak alle anchor tags in dit form
propVal = someSettings.propVal; // Pak een element met de name propVal die een child is van ons form
// I.p.v. de hele tijd var te typen gebruik ik hier een ,
for(i=0; i < anchors.length; i++) {
// Voor elke anchor in someSettings
anchors[i].onclick = function() { // Click event
propVal.value = this.innerHTML; // This is de link waarop geklikt wordt
someSettings.submit(); // Submit het formulier
return false; // Zodat de href niet werkt
};
}
En de HTML die hierbij hoort:
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<form name="someSettings">
<a href="#maakt_niet_uit_wat_hier_staat">Link 1</a>
<a href="http://www.phphulp.nl/">Link 2</a>
<a href="http://www.php.net/">Link 3</a>
<input type="hidden" name="propVal">
</form>
<a href="#maakt_niet_uit_wat_hier_staat">Link 1</a>
<a href="http://www.phphulp.nl/">Link 2</a>
<a href="http://www.php.net/">Link 3</a>
<input type="hidden" name="propVal">
</form>
Dit is vies, je kunt beter document.getElementById e.d. gebruiken.
Ozzie PHP op 26/06/2011 00:11:56:
(...) Hoe zou jij het dan doen?
"je kunt beter document.getElementById e.d. gebruiken."
@Karl, bedoel je dat het formulier bij het krijgen met name beter via id kan of het krijgen van de anchors?