checkbox
 

Hi ik heb een vraagje
ik wil voor mijn site een checkbox maken maarrrrr als er eenmaal bijv. een artikel is aangevinkt dan kan het NIET ongedaan worden gemaakt!!! ik zal het met een voorbeeld laten zien dan weten jullie direct wat ik bedoel. er zijn 3 plaatjes en ik wil dus plaatje 1 en 3 maken. en dus niet plaatje 2!!

weet iemand hoe ik plaatje 3 kan realiseren????????

alvast bedankt!

zie plaatjes:

http://www.endoria.net/upload/index.php/3052616150

lijkt mij iets van Internet Explorer...
En anders zijn het style sheets :)
Kijk maar een in de bron van die site :)

Mag ik weten wat het nu daarvan is? :)

ja hoor dat mag je wel weten.
er komt een cadeauTIPlijst op een site. het is de bedoeling
als iemand bedenkt het cadeau te kopen, of al heeft gekocht dit aantevinken zodat niet iedereen met het zelfde cadeau koop!

(het aanvinken kan eventueel geannuleerd worden door een mail te sturen)

dus vandaar.......

Tijdens het aanvinken lijkt het mij niet mogelijk.


Maar wanneer er een is aangvinkt, en de pagina wordt opnieuw geladen, dan kun je de checkbox vervangen door een plaatje

Javascript dus.

FF rippen uit die bron. ;)

kan wel tijdnes aanvinken, met js dat wel..

uumm ja dat is mijn bedoeling. als ze hebben aangevinkt zorg ik voor een knop om de keuze definitief te maken. dan wordt de pagina opnieuw geload en moeten DAN die aangevinkte artikelen niet meer te wijzigen zijn!!!

ik ga proberen die script te rippen uit die pagina :) dan moet het wel lukken denk ik

nog bedankt!

heb je toevallig nog een goede javascript site voor mij..??
ik ben er al wel enkele maar die zijn niet echt super....

:) okeej , tnx ik ga t ff proberen!

Hoeft niet.
Dan ook dynamisch. (Perl, PHP, ColdFusion etc)
if checked print "<img...."; else print "<input...>";

http://javascript.internet.com als ik me niet vergis.

jah, maar dat kan dus alleen bij herladen..
met javascript kan dat meteen..

:)

Bij herladen is imo makkelijker. Anders moet je weer onClick blabla + javascript moelijkmoeilijk doen...

Of gewoon een DISABLED gebruiken in de <input> Is duidelijker dan een ander kleurig vinkje lijkt me :)

Tja... maar dat is niet de wens van de topicstarter :) :P

het is toch niet helemaal gelukt, want ik krijg erros in mijn page
ik zal ff het scriptje hier opschrijven misschien dat je mij kan helpen waar ik precies jou script moet invullen.....
dit is de script die ik gebruik:

<SCRIPT>
function checkthis()
{
if (oCheckbox.checked == true)
{
HIER MOET DENK IK JOU SCRIPT?????

}
}
</SCRIPT>
<INPUT ID=oCheckbox TYPE=checkbox onclick=checkthis()>
Cd's van Mary J Blige


IK WEET WEL DAT ALS DE CHECKBOX GECHECKD="TRUE" DAN MOET HIJ EEN IMAGE LATEN ZIEN..... VOLGENS MIJ MET HET IF ELSE SCRIPT MAAR JA IK BEN ER NOG NIET ZO HANDIG IS ...:( ZOU JE ME FF KUNNEN HELPEN......

Wat ik voorstelde kan niet met javascript... Dit moet je doen met (let op... moeilijk woord! :D) server-side scripting, zoals Perl, ColdFusion, PHP.
JavaScript is 'client-side', wat door de browser wordt uitgevoerd...

Ik denkt dat de tip van Koen het makkelijkst is te maken... Maar hoe weet ik zo niet...
Zoveel weet ik niet van JavaScript... Ik gebruik het bijna nooit

OH JAMMER :(

KAN IEMAND ME HELPEN

MISSCHIEN IS DIT IETS MAKKELIJKER TE REALISEREN

ALD DE CHECKBOX IS AANGEVINKT WIL IK DAT HIJ NIET MEER VERANDERD KAN WORDEN DOORMIDDEL VAN ENABLE=FALSE MAAR DAT HET VINKJE ER WEL IN BLIJFST STAAT!

IK HEB AL EEN STUKJE D8 IK KAN IEMAND ME HELPEN HET SCRIPT AF TE MAKEN ZODAT HIJ WERKT???<SCRIPT>
function checkthis()
{
if (oCheckbox.checked == true)
{ ...??? CHECKBOX.EBABLE="FALSE????

</SCRIPT>
<INPUT ID=oCheckbox TYPE=checkbox onclick=checkthis()>

misschien moet je eerst eens even je CAPS-LOCK uitzetten?? :rolleyes:

:) het is bijna gelukt, ik heb een stukje script die het kan realiseren maarrrrr ik heb toch nog een vraagje.
het script doet het disable maken alleen bij 1 checkbox (aangezien ik niet echt goed ben in javascript) is mijn vraag of iemand weet WAT er in het stukje script veranderd moet worden zodat het disable maken evntueel bij alle (bijv. 10) de checkboxen doet, mits ze aangevinkt zijn :)

ik drop hieronder het stukje script wat ik heb (alvast bedankt)

<HTML>
<HEAD>
<STYLE>
.js {
color: white;
background-color: orange;
}
</STYLE>
<SCRIPT>
function preserve () { this.checked = this.storeChecked; }
function disableCheckBox (checkBox) {
if (!checkBox.disabled) {
checkBox.disabled = true;
if (!document.all && !document.getElementById) {
checkBox.storeChecked = checkBox.checked;
checkBox.oldOnClick = checkBox.onclick;
checkBox.onclick = preserve;
}
}
}
function enableCheckBox (checkBox) {
if (checkBox.disabled) {
checkBox.disabled = false;
if (!document.all && !document.getElementById)
checkBox.onclick = checkBox.oldOnClick;
}
}
</SCRIPT>
</HEAD>
<BODY>
<A HREF="javascript: disableCheckBox (document.formName.aCheckBox);
void 0"> Bewaren </A>
<FORM NAME="formName">
<INPUT TYPE="checkbox" CLASS="js" NAME="aCheckBox" VALUE="Kibology">
</FORM>
</BODY>
</HTML>

Kan het niet veel simpeler door zoiets te doen (geen JS-code maar richtlijn):

Check() {
if knop.checked == true { knop.checked = true }
else { knop.checked = true } }

<button onClick="check()">

Dus als je klikt dan gaat-ie aan, als je nog eens klikt blijft-ie aan. Je geeft alleen de optie 'ga aan', de uncheck overrule je zeg maar. Of werkt di niet?

Hi allemaal, het is uiteindelijk gelukt voor de gene die dit ook eens willen doen drop ik hier het script!


<form name=exf1>
1<input type="checkbox" name="c1" value="check me1" onclick="change(1)">
keuze definitief maken:Ja
<input type="radio" name="dis" value="1" onclick="document.exf1.disabled.value=1">
<BR>
<input type=hidden name=disabled value=0>
</form>

<script>
document.exf1.dis.value=0;
function change(_i) {
if (document.exf1.disabled.value==0) return;
eval("document.exf1.c"+_i+".checked = ! document.exf1.c"+_i+".checked");
}
</script>


--------Slotje---------