[Javascript] voor dummies (deel 8)

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_62783989
quote:
Op woensdag 29 oktober 2008 @ 14:51 schreef SuperRembo het volgende:
Daar zitten nog fouten (foutjes) in. En 't is wat omslachtig.
Het lijtk me handiger om 2 functies te maken:
[ code verwijderd ]

Die kan je daarna gebruiken als onclick="show('deel1')". Je moet ook nog even style="visibility:visible;" vervangen door style="display:none".
godver je hebt gelijk stom!
maarreuh; visibility en display zijn twee verschillende properties. Dus ligt aan de toepassing welke het handigst is. Ik denk voor de toepassing van TS dat disabled beter geschikt is.
pi_62786916
quote:
Op woensdag 29 oktober 2008 15:25 schreef mcDavid het volgende:
[..]
maarreuh; visibility en display zijn twee verschillende properties. Dus ligt aan de toepassing welke het handigst is. Ik denk voor de toepassing van TS dat disabled beter geschikt is.
Dat is inderdaad verschillend. Meestal (naar mijn ervaring) wil je niet dat het verborgen element nog ruimte in neemt. Dan heb je dus display:none nodig en niet visibility:hidden. Alleen form elementen ondersteunen de enabled property (niet allemaal), en dan blijft het element ook zichtbaar. Het is de vraag of dat de bedoeling is.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_62787354
quote:
Op woensdag 29 oktober 2008 @ 17:02 schreef SuperRembo het volgende:

[..]

Dat is inderdaad verschillend. Meestal (naar mijn ervaring) wil je niet dat het verborgen element nog ruimte in neemt. Dan heb je dus display:none nodig en niet visibility:hidden. Alleen form elementen ondersteunen de enabled property (niet allemaal), en dan blijft het element ook zichtbaar. Het is de vraag of dat de bedoeling is.
als het inderdaad een form betreft, is dat waarschijnlijk wel de bedoeling. Zie bijv. ook zijn voorbeeldlink van google maps waar dat gebeurt.

Voordeel van visibiliyt ipv display is wel dat er geen verschuivingen optreden in de pagina als je de elementen weer zichtbaar maakt.
pi_62790028
Ik ga het in een formulier tekstblok proberen te zetten, zodat de bezoeker het makkelijk kan kopieren. Ik denk dat ik dan inderdaad de mogelijkheid gebruik die geen ruimte in zal nemen.
pi_62804857
Ik heb ook weer eens een vraag, en wil eens weten hoe jullie dit oplossen.

Stel ik heb de volgende lap HTML code
1
2
3
4
5
6
7
8
9		<input type="checkbox" name="extra[opties_test1]" value="test1"> test 1<br />
<input type="checkbox" name="extra[opties_test2]" value="test2"> test 2<br />
<input type="checkbox" name="extra[opties_test3]" value="test3"> test 3<br />

<input type="radio" name="extra[opties_woei_1]" value="1">1<br />
<input type="radio" name="extra[opties_woei_2]" value="2">2<br />
<input type="radio" name="extra[opties_woei_3]" value="3">3<br />

<input type="text" name="extra[optie_info]" value="Hier je omschrijving"><br />


Hoe kun je middels javascript alle opties van extra uitlezen en in een tekst string zetten? de uitkomst wil ik zo ongv hebben
1
2
3		opties_test1
opties_woei2
optie_info = 'tekst';


Kan iemand mij in de juiste richting duwen?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_62808768
1
2
3
4
5
6
7
8		var p = document.getElementById("[formid]").getElementsByTagName(*)
var tekststring = ""

for (var i=0; i < p.length; i++){
   if(p[i].name.match("extra")) {
      tekststring += p[i].value + "\n" ;
   }
}



volgens mij zou zoiets moeten werken. weet niet zeker of p[i].name geldig is. En er zijn vast ook legio andere mogelijkheden.
pi_62812052
Super! ik ga het morgen even checken, is er ook een mogelijkheid om binnen javascript te checken of een bepaald element van een checkbox, radio oid afkomstig is?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_62813148
p[i].tagName denk ik?

www.w3schools.com
pi_62814330
quote:
Op woensdag 29 oktober 2008 14:51 schreef SuperRembo het volgende:
Daar zitten nog fouten (foutjes) in. En 't is wat omslachtig.
Het lijtk me handiger om 2 functies te maken:
[ code verwijderd ]

Die kan je daarna gebruiken als onclick="show('deel1')". Je moet ook nog even style="visibility:visible;" vervangen door style="display:none".
Ik gebruik nu het scriptje van SuperRembo en wil daarmee graag het volgende: meerdere radiobuttons voor meerdere stukken tekst. Ik wil graag zoiets maken dat het show-script aanroept als een radio button geselecteerd is en het hide-script als het uit staat. Zoiets als het volgende dus (alleen je ziet'm vast al aankomen: dit werkt nog niet)

1<input name="radio1" type="radio" checked value="" />
als knop
dan iets als
1<script type="...">if(radio1.value){ show('tekst1') } else { hide('tekst1')}</script>
pi_62814550
if (radio1.checked=true)

oh en met xhtml mag je geen shorttags gebruiken, dus in de xhtml checked="checked" gebruiken!
pi_62815854
Tnx mcDavid
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_62819674
quote:
Op donderdag 30 oktober 2008 13:05 schreef mcDavid het volgende:
[ code verwijderd ]
volgens mij zou zoiets moeten werken. weet niet zeker of p[i].name geldig is. En er zijn vast ook legio andere mogelijkheden.
getElementsByTagName() is niet handig, want dan krijg je alle elementen in plaats van alleen de form elementen.
1
2
3
4
5
6		var info = '';
var fields = document.forms[0].elements;
for (var i = ; i < fields.length; ++i)
{
   if (fields[i].name.match(/^extra/)) info += fields[i].value + '\n';
}
quote:
Op donderdag 30 oktober 2008 14:56 schreef Chandler het volgende:
Super! ik ga het morgen even checken, is er ook een mogelijkheid om binnen javascript te checken of een bepaald element van een checkbox, radio oid afkomstig is?
Dan moet je op tagName en type controleren:
1if (el.tagName == 'input' && el.type == 'radio') alert('Dit is een radio button');
quote:
Op donderdag 30 oktober 2008 16:17 schreef mcDavid het volgende:
if (radio1.checked=true)
if (radio1.checked)
dus :P
quote:
oh en met xhtml mag je geen shorttags gebruiken, dus in de xhtml checked="checked" gebruiken!
Ach, het zal toch niet om echt xhtml gaan. Dan zal alleen checked ook wel werken ;)
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_62820180
quote:
Op donderdag 30 oktober 2008 @ 19:45 schreef SuperRembo het volgende:

[..]

getElementsByTagName() is niet handig, want dan krijg je alle elementen in plaats van alleen de form elementen.
[ code verwijderd ]

[..]

Dan moet je op tagName en type controleren:
[ code verwijderd ]

[..]

if (radio1.checked)
dus
[..]

Ach, het zal toch niet om echt xhtml gaan. Dan zal alleen checked ook wel werken
Hey het moet wel spannend blijven heh

document.forms[0] is idd wel een ietsje nettere oplossing dan document.getElementById("[idvanhetform]")

En als het wel om 'echte' xhtml gaat zal het ook wel werken. Alleen gaat de W3C validator er dan wel van vloeken.
pi_62822644
quote:
Op maandag 27 oktober 2008 01:16 schreef mcDavid het volgende:
Kan gewoon met onload.
Ik ga hier nog even op verder.<img onload...> is pas HTML5.0. 4.01 en XHTML1.0 vreten het niet. Weet je daar een oplossing voor?
Zelf de DTD aanpassen vind ik trouwens geen oplossing. Ik doel meer op een JS oplossing oid.
pi_62822855
In IE6, 7 en firefox 3 werkt het iig gewoon.
pi_62822893
Sorry, ik vergat erbij te zetten dat de W3C validator het niet tof vindt. Er móet dus een andere oplossing zijn, denk ik! .
pi_62822987
De uitslag van W3C validator is belangrijker dan de goede werking van je site?
pi_62823027
Nee, natuurlijk niet. Maar om met m'n eerste stapjes javascript al gelijk met dingen te beginnen die de W3C validator niet vreet lijkt me gewoon gek?
pi_62823353
Ah, een setInterval en de alt-tag misbruiken en tegelijkertijd goed gebruiken lijkt me een keurige oplossing
pi_62823530
Ownee, dat werkt niet, duh _

Ik leer het wel, wedden?
pi_62825844
sja als je per sé geen onload op een plaatje wilt gebruiken, kun je document.images[] doorlopen met een timer, en bij ieder plaatje controleren of je bijv. de breedte op kunt vragen. Zo ja dan is'ie geladen.

Maar dat zou echt een gigantische kutoplossing zijn t.o.v. onload. En eentje die veel resources vraagt ook.

Ik zit te denken of het op een andere manier handig zou kunnen. Werkt onreadystatechange ook op plaatjes?
pi_62827588
quote:
Op donderdag 30 oktober 2008 19:45 schreef SuperRembo het volgende:
[..]
if (radio1.checked)
dus
[..]
Ah, zat ik dus al aardig in de buurt. Thnx!
pi_62902795
Ik heb een vraagje m.b.t JSON.

Heb gezocht en niet gevonden, met PHP maak ik nu een simpele JSON array aan en wil deze middels XMLHTTP laden in een website.

Het script wat ik nu gebruik laat met een alert de opgehaalde content zien:

Voorbeeld:
1{"maten_arr": [102,130,80,32,47,79,0,121.5,46]}


Deze array wil ik graag gebruiken in javascript, maar heb werkelijk waar geen flauw idee hoe ik deze array kan benutten? het gaat mij alleen om de values en niets meer... anyone tips?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_62903281
Kijk eens op http://json.org/
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_62903676
Ik heb er gekeken maar kon niet echt een voorbeeld vinden van bewerking tussen php en javascript zelf... maar ik ben dan ook slecht in zoeken
The people who lost my respect will never get a capital letter for their name again.
Like trump...
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies (deel 8)
Index

» digital corner

» development

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')