Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

Switching images maar dan de waarde vasthouden

None
9 antwoorden
  • Hoi allemaal.

    Ik heb op http://www.m2mdesign.nl/buttongenerator/generator1 een projektje waar ik mee bezig ben, en heb daar nog 1 probleempje mee.

    Als ik in het uitklapmenu een icon kies, dan kan ik gewoon een button genereren met dat bewuste plaatje, de waarde wordt dan overgenomen uit de keus die ik maak.

    Nu heb ik erboven een aantal plaatjes staan, die ik kan aanklikken. Je ziet dan ook meteen het plaatje voor het vakje "text :" veranderen in dat bewuste plaatje.

    Het probleem is nu, als ik die methode gebruik, dat de waarde uit het uitklapmenu (dat standaard op admin.png staat) dan die waarde overschrijft.

    Het zou zo moeten zijn, dat wanneer ik een plaatje bovenin aanklik, dat dan niet alleen het plaatje verandert (dat lukt dus wel), maar dat ook de keuze uit het uitklapmenu verandert naar die bewuste waarde. Als dat lukt, dan is het voor mekaar :wink:

    Dus : is het eigenlijk wel mogelijk wat ik wil, of gaat dit gewoonweg niet werken ??

    ik ben benieuwd of er eentje is die me uit de brand kan helpen :)
  • Ik kan je niet helpen met je probleem, maar ik heb wel een andere ontdekt. Onder Netscape werkt namelijk die color-selector niet, en daarnaast lijkt het me handiger dat je als gebruiker ook de hexadecimale waarde in kan vullen, aangezien dit voor internet gebruikelijker is. Dus misschien wat om eens naar te kijken.

    - Bas
  • [code:1:3594cbae2c]
    document.forms[0].linkerkant.options[3].selected=true
    [/code:1:3594cbae2c]

    Waarbij in ..options[3]… de 3 staat voor het 3e element in de lijst.
  • Dat van Netscpae laat ik voorlopig maar even voor wat het is, evenals de Hex waarde. Het is waar, maar eerst even het ander zien op te lossen.

    De code die hierboven staat, waar gebruik ik die ?
  • Eigenlijk zou het zo moeten zijn dat de gekozen waarde geHIGHLIGHT wordt in de dropdown box.

    Een afgeleide van wat hier staat :

    http://javascript.internet.com/forms/option-search.html

    (ik kom niet uit die code, maar de bedoeling is een beetje hetzelfde….)
  • Ok dan…

    ik neem aan dat het meest links plaatje overeenkomt met het bovenste item in de selectlist, en het meest rechtse meet het onderste….

    dan heb je op meest linkse plaatje:
    [code:1:1d31879a6f]
    <img src='pics/admin.png' border='0' name='linkerkant' alt='admin.png' onClick="window.document.icons.src='pics/admin.png'; document.forms[0].linkerkant.options[1].selected=true ; return false;">
    [/code:1:1d31879a6f]

    enzovoort voor alle plaatjes… met de options[x] oplopend van 1 t/m …
    :)

    Voor het nette kun je misschien beter een functie hiervoor gaan schrijven, maar zo 'creatief' ben je hopelijk zelf wel ;)

    Het highlighten kan dmv. 'focus()'

    dan moet je eerste de focus op de selectbox zetten:
    zoiets dus:
    [code:1:1d31879a6f]
    onClick="window.document.icons.src='pics/admin.png'; document.forms[0].linkerkant.focus(); document.forms[0].linkerkant.options[1].selected=true ; return false;">
    [/code:1:1d31879a6f]
  • Thanx.

    Almost there………..

    Ik heb nu gebruikt :

    [code:1:90c74b44f9]echo " <img src='pics/$picfile' border='0' alt='$picfile' onMouseover=\"document.forms[0].linkerkant.options[4].selected=true\" onClick=\"window.document.icons.src='pics/$picfile'; return false;\">";[/code:1:90c74b44f9]

    Waar de [4] daadwerelijk wordt geselekteerd in de dropdown box.

    Nu denk ik dat ik alleen daar nu juist de variabele (welke ?) moet ingeven, die meetelt van 0 to einde lijst.

    Hoe doe ik dat laatste precies (en waar), want ik denk dat ik er dan ben !

    Thanx voor de snelle reakties, da's toch wel een groot pluspunt op dit forum :)
  • ik kan niet helemaal in mijn glazen bolletje zien hoe je daar aan die $picfile komt, maar ik neem aan dat dat bijv een loop door een array is,

    dan zou je het zo kunnen oplossen

    [code:1:066d8de37d]
    $i=1
    foreach ($picfiles as $picfile){
    echo " <img src='pics/$picfile' border='0' alt='$picfile' onMouseover=\"document.forms[0].linkerkant.options[$i].selected=true\" onClick=\"window.document.icons.src='pics/$picfile'; return false;\">";
    $i++;
    }
    [/code:1:066d8de37d]
    Waarbij $picfiles de array is, dus:
    [code:1:066d8de37d]
    $picfiles=array();
    $picfiles[]='plaatje1.png';
    $picfiles[]='plaatje2.png';
    $picfiles[]='plaatje3.png';
    [/code:1:066d8de37d]
  • Met wat knippen en plakken uit je code heb ik het voor elkaar.

    Nu moet ik alleen er nog voor zorgen dat de lijst die wordt weergegeven in de dropdownbox overeen komt met de nummers. De lijst wordt nu uit een directory uitgelezen, en volgens mij gesorteerd op datum van wegschrijven, terwijl dit alfabetisch zou moeten zijn.

    Ik ga daar nog even mee klungelen, maar in ieder geval ben ik een heel stuk verder zo !

    Thanx again :)

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.