Welkom, Gast. Je bent niet ingelogd.

Ajax textbox venster verschijn

Badeendje
Pompehdompehdom
moderator
Geplaatst op: 14 Mar 2007, 22:49
PimpCoins: 0
💸+
Bewerken Quote

Heey,

ik heb verschillende Ajax tutorials gevolgd, maar ik snap er dus serieus geen enkele zak van

ik heb dan een select:

<select name="gekomenbijons">
<option value="Vrienden/Familie">Vrienden/Familie</option>
<option value="Zakelijke relatie">Zakelijke relatie</option>
<option value="Zoekmachine">Zoekmachine</option>
<option value="Advertentie">Advertentie</option>
<option value="overig" id="txtveld" onmousedown="txtveld">Overig</option>
</select>

en als iemand op overige klikt, dan moet er onder een textbox verschijnen, dus ik snap dan dat je aan de id moet komen dmb getelement by id, maar de rest van die afhandeling daar snap ik dus geen zak van
Zou evt. iem. anders dat dan kunnen maken voor me aangezien ik dat dus echt niet snap

[off]
(degene die het goed doet(degene met een Goede reactie met de code erin. alleen de eerste, en niet degenen die daarop nog volgen met een goede code.) krijgt een week lang alles gratis in de bee's uberspam topic )[/off]

[Laatst bewerkt door Badeendje op woensdag 14 maart 2007, om 22:50]
Saven
admin
Geplaatst op: 15 Mar 2007, 13:54
PimpCoins: 0
💸+
Bewerken Quote

onmousedown="txtveld();"

en dan als functie textveld gewoon maken dat hij de div style van die tekstblok op display: block; zet

Syncie
Geplaatst op: 15 Mar 2007, 14:47
PimpCoins: 0
💸+
Bewerken Quote

Bij overige laattie het tekstveld zien en als je dan weer een andere aanklikt sluittie hem...

Dit in de head plaatsen:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script language="javascript" type="text/javascript">
            
    function txtSH(toDo){
                
        var div;
        div = document.getElementById('txt');
                
        if(toDo == 'hide'){
                    
            div.style.display = 'none';
                    
        }else{
                    
            div.style.display = 'block';
                    
        }
                
    }
            
</script>

Dit in de body:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div id="select">
        
    <select name="gekomenbijons">
        <option value="Vrienden/Familie" onmousedown="txtSH('hide')">Vrienden/Familie</option>
        <option value="Zakelijke relatie" onmousedown="txtSH('hide')">Zakelijke relatie</option>
        <option value="Zoekmachine" onmousedown="txtSH('hide')">Zoekmachine</option>
        <option value="Advertentie" onmousedown="txtSH('hide')">Advertentie</option>
        <option value="overig" onmousedown="txtSH('show')">Overig</option>
    </select>
            
</div>
        
<div id="txt" style="display:none">

    <br />
    <br />
    Indien gekoze overige, kunt u hier invulle hoe u bij ons bent gekomen.<br />
    <textarea name="gekomenbijonstxt" style="width:300px;" rows="5"></textarea>
            
</div>

[Laatst bewerkt door Syncie op donderdag 15 maart 2007, om 14:48]
📫

Nieuw privébericht

🔥

Registreren


Login