Forum » Javascript » [JS] \"Waarschuwingsbox\"
-
Bnc
Hallo,
Ik vermoed dat wat ik zoek hoogstwaarschijnlijk met javascript mogelijk moet zijn.
Ik heb met HTML (en PHP regelt de verwerking) een formulier met tal van opties. Nu bij sommige opties zou ik een soort van waarschuwing wil weergeven. Ik leg het even uit aan de hand van een concreet voorbeeldje.
Stel dat ik volgende HTML-code heb:
Code
1 2 3 4 5 6 7
<select>
<option>Uit</option>
<option>Beide</option>
<option>Enkel optie 1</option>
<option>Enkel optie 2</option>
<option>Beide</option>
</select>
Stel dat de gebruiker de optie \"Uit\" heeft geselecteerd, dan zou ik boven dat veld direct een mooi div willen geven dat deze optie niet is aangereden om de reden: blabla. Als men dan beslist om toch die optie niet te nemen en bv. \"Enkel optie 1\" selecteert, moet die kader weer weg. Ik zou dit trouwens ook op andere HTML-(input)elementen willen gebruiken (zoals een gewoon text-veld)
Nu, ik heb geen flauw benul hoe dit zou kunnen heten / waar ik dit kan vinden. Ik hoop dus dat iemand weet hoe dit noemt / waar ik dit kan vinden.
Alvast bedankt,
Esli
[Update]
Ter verduidelijking:
Dus als de optie uit is geselecteerd (zonder dat er gepost etc. is) moet dat rode vak verschijnen. Indien het een andere optie is, moet er gewoon niet verschijnen. Tevens moet het rode vlak weer weg gaan als er een andere optie wordt gekozen. Bewerkt door Bnc op wo 28-10-2009 om 21:41wo 28-10-2009 om 21:39
Reageren
-
Wessletj
-
Tim
Code1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
<select onchange=\"doCheck(this);\" id=\"selectbox\">
<option>Uit</option>
<option selected=\"selected\">Beide</option>
<option>Enkel optie 1</option>
<option>Enkel optie 2</option>
<option>Beide</option>
</select>
<div id=\"warning\" style=\"display: none; margin-top: 10px; padding: 5px; background-color: #FFC4C4; border: 1px solid; color: #CC0000;\">Deze optie is niet aanbevolen</div>
<script type=\"text/javascript\">
doCheck = function(Obj)
{
document.getElementById(\'warning\').style.display = (!Obj.selectedIndex) ? \'\' : \'none\';
}
doCheck(document.getElementById(\'selectbox\'));
// checken op moment van laden ivm autocomplete reload
</script>
Voorbeeld -
Bnc
-
Infinite
-
Bnc
-
Fusionboy
Moet je even 1 van de javascript libs pakken zoals jquery, kan je prima mee in en uit faden
Of als je niet zo\'n hele grote lib nodig hebt kan je simpelweg even googlen naar een fade scriptje -
Bnc
-
Sarvice
-
Bnc
-
Sarvice
-
Tim
Ga nou eens weg met je jQuery, elke mongool kan daarmee scripten. Anders leer je het ff lekker een keer zelf...Quote: fusionboyMoet je even 1 van de javascript libs pakken zoals jquery, kan je prima mee in en uit faden Of als je niet zo\'n hele grote lib nodig hebt kan je simpelweg even googlen naar een fade scriptje
Ik heb em even voor je aangepast, met opacity
.
Het script hoef je maar éénmalig neer te zetten, vervolgens hoef je alleen maar op elke selectbox het onchange attribute te zetten en een div te maken met id \"id-van-selectbox:warning\", die moet worden weergegeven...Nee, hij geeft em alleen als de \'eerste optie\' optie is geselecteerd, onafhankelijk of deze nou \'uit\' is, of iets anders.Quote: sarvicewaar kan ik vinden in het script welke optie hij selecteert ?
volgens mij heb ik het.
\'selectbox\' moet dan \'uit\' of \'bijde\' zijn. maar hoe als ik nou 2 wil hebben met die zelfde waarschuwing?AnytimeQuote: bncBedankt Tim Ik zit er inderdaad aan te denken om is wat te verdiepen in JS, maar momenteel wil ik gewoon mijn huidige projecten afwerken Nogmaals dank!, en ik had het niet over jou, maar diegene die ik quoten. jQuery kan iedereen, het is veel beter zelf te weten wat je doet. Hier leer je dus veel meer van, al werk je maar een paar blikken op de code.
Bewerkt door Tim op vr 30-10-2009 om 19:08
-
Bnc
Quote: tim
[..]Ga nou eens weg met je jQuery, elke mongool kan daarmee scripten. Anders leer je het ff lekker een keer zelf...
Ik heb em even voor je aangepast, met opacity.
Het script hoef je maar éénmalig neer te zetten, vervolgens hoef je alleen maar op elke selectbox het onchange attribute te zetten en een div te maken met id \"id-van-selectbox:warning\", die moet worden weergegeven...[..]Nee, hij geeft em alleen als de \'eerste optie\' optie is geselecteerd, onafhankelijk of deze nou \'uit\' is, of iets anders.
Bedankt Tim Ik zit er inderdaad aan te denken om is wat te verdiepen in JS, maar momenteel wil ik gewoon mijn huidige projecten afwerken Nogmaals dank!
-
Sarvice
-
Bnc
-
Sarvice