Onclick
Momenteel ben ik bezig met iets met java,
En was ik bezig met een script.
Nu heb ik een select box en als je op select id 1 klikt dan showt hij een div doormiddel van jquery.
dit is het script.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
$(function(){
$("#extra_veld1").hide();
$("#SelectId1").change(function(){
if($("#SelectId1").val() == "1"){
$("#extra_veld1").show();
}
else{
$("#extra_veld1").hide();
}
});
});
$("#extra_veld1").hide();
$("#SelectId1").change(function(){
if($("#SelectId1").val() == "1"){
$("#extra_veld1").show();
}
else{
$("#extra_veld1").hide();
}
});
});
Maar nu wil ik graag dat dit een link word waar ik op klik en dat dan die extra_veld1 dat die geshowt word. dus met een onclick.
Weet iemand wat ik dan moet veranderen hieraan?
Mvg,
Tim Kampherbeek
Gesponsorde koppelingen:
Code (php)
1
$("#SelectId1").change(function(){
Volgens mij is word het zo getriggerd, door een onchange-event, bij een input-ding.
Nu is het enige wat je moet doen, de link een id geven, in de code neerzetten dat deze code moet uitgevoerd worden als er op die id geklikt word. en een onclick event gebruiken:
Code (php)
1
$("#link").click(function(){
en dan je link:
Code (php)
1
<a href="url.php" id="link">Klik</a>
En zoals Miloan het schrijft klopt het.
Verder is javaSCRIPT niet hetzelfde als java, dat zijn twee verschillende dingen!
en waar moet ik dit dan in veranderen?
Code (php)
1
if($("#SelectId1").val() == "1"){
@karl
Dat kon ik ook niet weten dat het JAVAscript was en java een verschil is,, denk dat de meeste me wel snappen.
En waarom moet je altijd dit soort komentaar op topics posten,, als je gewoon ook even meehelpt ben je zelf ook 'nuttiig'
Je zecht immers zelf dat ik altijd 'onnuttige' topics heb dus laat zelf is zien of jij 'nuttig' kan zijn dan.
Dat andere werk kun je wel aan de MODERATORS overlaten, en anders moet je er een worden
Gewijzigd op 01/01/1970 01:00:00 door Tim Kampherbeek
Code (php)
1
2
3
2
3
$("#link").click(function () {
$("p").toggle();
});
$("p").toggle();
});
jQuery is heel simpel en heeft uitgebreide docs:
Effects/toggle.
Ik wil gewoon weten hoe ik het kan gebruiken,
Heb mijn boeken voor standaard ajax en javascript al bestelt.
En ik kom hier voor hulp omdat ik geen flikker snap van die links wat jij net stuurde.
En wat je me net gaf werkt dus ook niet.
Dus daarbij een vriendelijk verzoek of je een voorbeeld hebt met de hele functie en eventueel wat ik in mijn link aan moet passen.
Bij voorbaard dank
Quote:
Dat kon ik ook niet weten dat het JAVAscript was en java een verschil is,, denk dat de meeste me wel snappen.
En waarom moet je altijd dit soort komentaar op topics posten,, als je gewoon ook even meehelpt ben je zelf ook 'nuttiig'
En waarom moet je altijd dit soort komentaar op topics posten,, als je gewoon ook even meehelpt ben je zelf ook 'nuttiig'
Omdat hij het zat wordt dat zoveel mensen javascript java noemen, en aan z'n post count te zien loopt hij hier al een tijd rond. op den duur begint dat erg vervelend te worden.
Tim Kampherbeek schreef op 14.10.2009 17:16:
@karl
Dat kon ik ook niet weten dat het JAVAscript was en java een verschil is,, denk dat de meeste me wel snappen.
Dat kon ik ook niet weten dat het JAVAscript was en java een verschil is,, denk dat de meeste me wel snappen.
Jawel, dat kan je wel weten. Als je gewoon wat inzet had getoont, want dan had je zelf kunnen vinden dat die dingen niet hetzelfde zijn.
Tim Kampherbeek schreef op 14.10.2009 17:16:
En waarom moet je altijd dit soort komentaar op topics posten,, als je gewoon ook even meehelpt ben je zelf ook 'nuttiig'
Omdat dit commentaar nuttig is, aangezien ze totaal andere dingen zijn. Het klopt niet, het is fout, stom en idioot.
Zie even vorige bericht, ik help je toch.
Tim Kampherbeek schreef op 14.10.2009 17:16:
Je zechtzegt immers zelf dat ik altijd 'onnuttige' topics heb dus laat zelf is zien of jij 'nuttig' kan zijn dan.
Zie dit bericht.
En je gaat ook niet naar de bakker om te vragen of je een pond (500 gram dus) gehakt. Je doet nu ongeveer hetzelfde...
Tim Kampherbeek schreef op 14.10.2009 17:16:
Dat andere werk kun je wel aan de MODERATORS overlaten, en anders moet je er een worden
Mag ik geen informatie inwinnen?
Tim Kampherbeek schreef op 14.10.2009 17:25:
Dit beantwoord niet mijn vraag.
Welwaar, je wou het nu via een link doen. Dus als je dan die link doet zoals Miloan schrijft en mijn jQuery javascript d'r bij doet werkt het prima.
Tim Kampherbeek schreef op 14.10.2009 17:25:
Ik wil gewoon weten hoe ik het kan gebruiken,
Heb mijn boeken voor standaard ajax en javascript al bestelt.
Heb mijn boeken voor standaard ajax en javascript al bestelt.
Als javascript op je pagina zetten of in een js bestand doen en die weer in je pagina proppen.
Tim Kampherbeek schreef op 14.10.2009 17:25:
En ik kom hier voor hulp omdat ik geen flikker snap van die links wat jij net stuurde.
En wat je me net gaf werkt dus ook niet.
En wat je me net gaf werkt dus ook niet.
Dan doe je wat fout.
Die uitleg op docs.jquery.com is harstikke duidelijk, zelf met voorbeeld. Zoals je ziet werkt het daar wel. Heb je daar al langer dan drie tellen rond gekeken? Denk het niet.
Tim Kampherbeek schreef op 14.10.2009 17:25:
Dus daarbij een vriendelijk verzoek of je een voorbeeld hebt met de hele functie en eventueel wat ik in mijn link aan moet passen.
Je javascript:
Code (php)
1
2
3
2
3
$("#link").click(function () {
$("#extra_veld1").toggle();
});
$("#extra_veld1").toggle();
});
Je html:
Code (php)
1
2
3
4
2
3
4
<a href="url.php" id="link">Klik</a>
<div id="extra_veld1">
Blaat
</div>
<div id="extra_veld1">
Blaat
</div>
Zie ook Selectors.
Mr.Ark schreef op 14.10.2009 17:30:
Omdat hij het zat wordt dat zoveel mensen javascript java noemen, en aan z'n post count te zien loopt hij hier al een tijd rond. op den duur begint dat erg vervelend te worden.
Quote:
Dat kon ik ook niet weten dat het JAVAscript was en java een verschil is,, denk dat de meeste me wel snappen.
En waarom moet je altijd dit soort komentaar op topics posten,, als je gewoon ook even meehelpt ben je zelf ook 'nuttiig'
En waarom moet je altijd dit soort komentaar op topics posten,, als je gewoon ook even meehelpt ben je zelf ook 'nuttiig'
Omdat hij het zat wordt dat zoveel mensen javascript java noemen, en aan z'n post count te zien loopt hij hier al een tijd rond. op den duur begint dat erg vervelend te worden.
En dat ook ja, al is dat niet mijn belangrijkste punt.
Gewijzigd op 01/01/1970 01:00:00 door Karl Karl
Zie in jou script ook geen hide en show...
Tim Kampherbeek schreef op 14.10.2009 17:48:
Nou dan heb je het nog steeds niet goed hoor karl want als ik dat in mijn script zet laat hij BLAAT al zien voordat ik kan klikken,
Klopt, want ik heb die div ook verder niet gestyled he.
Als je wilt dat die niet direct zichbaar is, dan moet je met css display op none zetten.
Ik verwachtte dat je dat zelf ook wel kon uit vinden, en ik dacht dat je eerst wel eens zou gaan klooien.
Tim Kampherbeek schreef op 14.10.2009 17:48:
Zie in jou script ook geen hide en show...
Want als je zelf was gaan klooien dan zag je dat die div wel verdwijnt en verschijnt.
Misschien moet je ook als je beweerd dat je dingen hebt gelezen daarna niet gelijk het gaan ontkrachten. Op de docs.jquer.com site staat namelijk bij toggle:
docs.jquery.com:
Toggle displaying each of the set of matched elements.
If they are shown, toggle makes them hidden (using the hide method). If they are hidden, toggle makes them shown (using the show method).
If they are shown, toggle makes them hidden (using the hide method). If they are hidden, toggle makes them shown (using the show method).
En je had het ook wel een beetje kunnen verwachten. Denk bijvoorbeeld aan light toggle, een lichtschakelaar
en dat wil ik niet,,
ik wil dat hij direct mijn script laat zien,,,
zoals hij dat bij de vorige ook deed.
ik klikte op die selectbox en hoppa daar stond mijn divje,, niet eerst door naar een andere pagina.
Tim Kampherbeek schreef op 14.10.2009 18:07:
Jah maar wat er nu ook gebeurt is dat de pagina doorgestuurt word..
en dat wil ik niet,,
ik wil dat hij direct mijn script laat zien,,,
zoals hij dat bij de vorige ook deed.
ik klikte op die selectbox en hoppa daar stond mijn divje,, niet eerst door naar een andere pagina.
en dat wil ik niet,,
ik wil dat hij direct mijn script laat zien,,,
zoals hij dat bij de vorige ook deed.
ik klikte op die selectbox en hoppa daar stond mijn divje,, niet eerst door naar een andere pagina.
Dat stukje javascript stuurt de pagina niet door. Zoals je kunt zien is het precies hetzelfde zoals het op de jQuery site staat.
Vergeet niet dat je wel jQuery moet 'inladen'. Zie the basics.
Dus opnieuw de vraagt.
Heeft iemand een SOORGELIJK script voor mij maar dan dat als ik op een link/plaatje klik dat hij dan showt... oftewel even dit scriptje helemaal aanpassen.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
$(function(){
$("#extra_veld1").hide();
$("#SelectId1").change(function(){
if($("#SelectId1").val() == "1"){
$("#extra_veld1").show();
}
else{
$("#extra_veld1").hide();
}
});
});
$("#extra_veld1").hide();
$("#SelectId1").change(function(){
if($("#SelectId1").val() == "1"){
$("#extra_veld1").show();
}
else{
$("#extra_veld1").hide();
}
});
});
Bedankt
Als je wilt dat dat niet gebeurt dan moet je return false; toevoegen.
Dus zo:
Code (php)
1
2
3
4
2
3
4
$("#link").click(function () {
$("#extra_veld1").toggle();
return false;
});
$("#extra_veld1").toggle();
return false;
});
Bij andere elementen hoeft dat dus niet. Je hoeft ook geen return false te geven als de link # is.
Als je me niet geloofd probeer het zelf dan even voordat je het post.
Want ik vraag namelijk om een javascript dat als ik op een link klik dat en DIV geshowt word. zonder de pagina te refreshen of wat dan ook.
Dat van jou dat haalt niks uit als ik het probeer.
Hoop dat iemand anders me kan helpen.
En sorry voor mijn botte gedrag maar vraag gewoon om iets en krijg 3 x een verkeerd antwoord van dezelfde persoon die altijd zegt dat ik nutteloze topics plaats.
Wellicht kan Miloan me wel verder helpen want hij blijkt hier zelf meer verstand van te hebben.
Bij voorbaard dank.
Mvg,
T. Kampherbeek
Dit hoort gewoon te werken ..
Tim: als je met javascript bezig gaat houden dan moet je wel weten wat JavaScript is en dat je niet met de term Java aan komt omdat je denkt dat dit hetzelfde is. Als je een klein beetje de basic weet dan weet je dat Java != JavaScript is
Dus leer eerst de basis voordat je verder gaat met JS.. Zoek een tutorial en ik zie dat je de boeken al had besteld. Ga die eerst lezen.
Dus voordat je met Jquery aan de slag gaat.. ga eerst de basis leren van JavaScript
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
<script type="text/javascript">
function show_hide()
{
var div = document.getElementById('tekst');
if(div.style.display == 'none')
{
div.style.display = 'block'
}
else
{
div.style.display = 'none';
}
}
</script>
<a href="#" onclick="show_hide(); return false;">Link</a>
<div style="display:none" id="tekst">Tekst</div>
function show_hide()
{
var div = document.getElementById('tekst');
if(div.style.display == 'none')
{
div.style.display = 'block'
}
else
{
div.style.display = 'none';
}
}
</script>
<a href="#" onclick="show_hide(); return false;">Link</a>
<div style="display:none" id="tekst">Tekst</div>
Wat er al gezegt was zou moeten werken. Maar hierbij nog een keer de code met jouw html als voorbeeld.
Javascript in je head:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#extra_veld1").hide();
$("#SelectId1").change(function(){
if($("#SelectId1").val() == "1"){
$("#extra_veld1").show();
}
else{
$("#extra_veld1").hide();
}
});
//
$("#Link").click(function(){
$("#extra_veld1").toggle();
return false;
});
});
</script>
<script type="text/javascript">
$(function(){
$("#extra_veld1").hide();
$("#SelectId1").change(function(){
if($("#SelectId1").val() == "1"){
$("#extra_veld1").show();
}
else{
$("#extra_veld1").hide();
}
});
//
$("#Link").click(function(){
$("#extra_veld1").toggle();
return false;
});
});
</script>
En je html in de body:
Code (php)
1
2
2
<a href="#" id="Link">Link om div te openen</a>
<div id="extra_veld1">test</div>
<div id="extra_veld1">test</div>
Gewijzigd op 01/01/1970 01:00:00 door Michel de Groot
Tim Kampherbeek schreef op 15.10.2009 02:30:
En nog steeds werkt het niet karl,
Als je me niet geloofd probeer het zelf dan even voordat je het post.
Als je me niet geloofd probeer het zelf dan even voordat je het post.
Ik heb het dus getest, het werkt.
Tim Kampherbeek schreef op 15.10.2009 02:30:
En sorry voor mijn botte gedrag maar vraag gewoon om iets en krijg 3 x een verkeerd antwoord van dezelfde persoon die altijd zegt dat ik nutteloze topics plaats.
Het klopt dat je drie keer een 'niet werkend' script hebt gekregen. Die scripts werkte wel, maar niet in jouw situatie.
Jammer genoeg ben jij niet zo impulsief om zelf te gaan kijken hoe die code werkt. Je had dan zelf kunnen vinden dat die p niet klopte, en dat daar een id van gemaakt zou moeten worden.
Wel geef ik toe dat ik er op had moeten letten dat als je een echte link gebruikt dat je dan return false geeft. Al had je zelf die oplossing ook kunnen vinden. Je wist dat je onclick kan gebruiken, dan heb je waarschijnlijk ook deze uitleg gezien.
Graag wil ik ook van je weten of je kunt snappen dat als je direct al begint dat ik zeur o.i.d. terwijl ik alleen maar één vraag stelde (waarom een nieuw topic?), alleen zeggen dat het niet werkt, zelf geen inzet toont en verwacht dat er maar even wat voor hem gemaakt wordt, dat ik dan misschien iets wat minder nauwkeurig wordt.
Ik bedoel; ik was niet helemaal juist, maar jij bent ook geen engel.
heb echter nog een vraag.
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
31
32
33
34
35
36
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
31
32
33
34
35
36
function show_hide1()
{
var div = document.getElementById('tekst1');
if(div.style.display == 'none')
{
div.style.display = 'block'
}
else
{
div.style.display = 'none';
}
}
function show_hide2()
{
var div = document.getElementById('tekst2');
if(div.style.display == 'none')
{
div.style.display = 'block'
}
else
{
div.style.display = 'none';
}
}
function show_hide3()
{
var div = document.getElementById('tekst3');
if(div.style.display == 'none')
{
div.style.display = 'block'
}
else
{
div.style.display = 'none';
}
}
{
var div = document.getElementById('tekst1');
if(div.style.display == 'none')
{
div.style.display = 'block'
}
else
{
div.style.display = 'none';
}
}
function show_hide2()
{
var div = document.getElementById('tekst2');
if(div.style.display == 'none')
{
div.style.display = 'block'
}
else
{
div.style.display = 'none';
}
}
function show_hide3()
{
var div = document.getElementById('tekst3');
if(div.style.display == 'none')
{
div.style.display = 'block'
}
else
{
div.style.display = 'none';
}
}
Nu wil ik graag dat als 1 open staat en ze op 2 klikken dat 1 weer dicht gaat en als 2 open staat en een ander word geopend dat die ook weer dicht gaat. zodat er maar 1 tegelijk open kan zijn.
Volgens mij heb je niks gedaan, behalve dan gezeurd dat ik zeurde of dat het niet werkt. Het is hier geen afhaalchinees.
Ik zou jQuery gebruiken in combinatie met toggle, en hide.
