leeg maken waarneer div getoggled wordt.
de html
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<?php
if($rights['group_id'] != 2)
{
$currentpass = '
<div>
Huidig wachtwoord:<br />
<input id="currentpass" type="password">
</div>
';
}
$passchange = '
<div id="passfields">
<form id="passchangeform">
'.$currentpass.'
<div>
Nieuw wachtwoord:<br />
<input id="newpass" rel="'.$rights['group_id'].'" type="password">
</div>
<div>
Bevestig nieuw wachtwoord:<br />
<input id="confirmnewpass" type="password">
</div>
</form>
<div>
<button id="cancelpassbutton">Annuleren</button><button id="acceptpassbutton" disabled = disabled onclick="checkPassword()" rel="'.$user_id.'">Opslaan</button>
<span class="passworderror"></span>
</div>
</div>';
?>
if($rights['group_id'] != 2)
{
$currentpass = '
<div>
Huidig wachtwoord:<br />
<input id="currentpass" type="password">
</div>
';
}
$passchange = '
<div id="passfields">
<form id="passchangeform">
'.$currentpass.'
<div>
Nieuw wachtwoord:<br />
<input id="newpass" rel="'.$rights['group_id'].'" type="password">
</div>
<div>
Bevestig nieuw wachtwoord:<br />
<input id="confirmnewpass" type="password">
</div>
</form>
<div>
<button id="cancelpassbutton">Annuleren</button><button id="acceptpassbutton" disabled = disabled onclick="checkPassword()" rel="'.$user_id.'">Opslaan</button>
<span class="passworderror"></span>
</div>
</div>';
?>
javascript
Code (php)
iemand suggesties?
bvd ralph
Maar ze moet ook uitgevoerd worden. Waar gebeurt dat?
Op basis van welk evenement (muisklik, keyUp, hover, ...) wil je dat de functie wordt uitgevoerd?
---
En ik denk dat .toggle('fade', 300); niet zal werken.
Gewijzigd op 03/05/2013 09:46:22 door Kris Peeters
<button id="togglebutton" onclick="passwordtoggle()">Toggle</button>
veronderstel ik.
Er zijn nog wat problemen.
bv.
*
$('div#newpass input')
newpass is geen div. newpass is de input zelf
Ik denk dat je hier mee hebt wat je nodig hebt
Code (php)
1
2
3
4
5
6
2
3
4
5
6
function passwordtoggle() {
$('#passfields').fadeToggle(300);
$('#passchangeform input').each(function(i) {
$(this).val('');
});
}
$('#passfields').fadeToggle(300);
$('#passchangeform input').each(function(i) {
$(this).val('');
});
}
Nu, in het vervolg ...
Er is een manier van werken die meer de jQuery-manier is.
Dat is: niets in de markup, tussen de HTML; alles binnen het script.
Dus bv.
Niet
<button id="togglebutton" onclick="passwordtoggle()">Toggle</button>
Maar wel:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<button id="togglebutton">Toggle</button>
...
<script>
$(document).ready(function() { // wanneer de pagina geladen is
$('#togglebutton').click(function() { // click event toevoegen
$('#passfields').fadeToggle(300);
$('#passchangeform input').each(function(i) {
$(this).val('');
});
});
$('#cancelpassbutton').click(function() {
...
});
});
</script>
...
<script>
$(document).ready(function() { // wanneer de pagina geladen is
$('#togglebutton').click(function() { // click event toevoegen
$('#passfields').fadeToggle(300);
$('#passchangeform input').each(function(i) {
$(this).val('');
});
});
$('#cancelpassbutton').click(function() {
...
});
});
</script>
Gewijzigd op 03/05/2013 11:29:37 door Kris Peeters