CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

bigtime Nybegynder

06. juni 2012 - 09:37 Der er 5 kommentarer og
1 løsning

menu som på dba

hejsa :D
jeg bruger det her script som ronols har oploadet her i denne her tråd http://www.eksperten.dk/spm/935197#reply_7756190
Men ville høre om hvordan laver jeg så den først viser den næste select boks når der er valgt en i boksen før?

Synes godt om

olsensweb.dk Ekspert

06. juni 2012 - 14:17 #1

det var dog noget gammelt L..., overførsel af HTML via AJAX, jeg skammer mig, nåå jeg er blevet klogere
jeg har lavet en ny vertion der kun overfører data og anvender post istedet for get
jeg vil anbefale dig at bruge denne opdaterede vertion, ændringen med næste box er også lagt ind

se disse 2 linjer i index.php
var cl=(lng>1)? "ShowSelectbox" : "HideSelectbox";
select.setAttribute("class", cl);
(ligger i js functionerne DomSelectBox, og GetAjaxData2)
css:
.HideSelectbox{
visibility:hidden;
}
.ShowSelectbox{
visibility:visible;
}

http://experten.olsensweb.dk/964110/964110.zip

Synes godt om

bigtime Nybegynder

08. juni 2012 - 10:50 #2

cool nok og tak.
Men jeg kan ikke få den til at vise den her
<option selected="selected" value="0">Vælg Verdensdel</option>
og jeg har har lavet det her

<select size="10" id="verdensdel" name="verdensdel" style="verdana:middle;width:200px;">

men det inorere den bare fuld stændig

og så lige det sidste jeg bruger & i dben og den skriver den ud sådan her & i stedet for &

:D

Synes godt om

olsensweb.dk Ekspert

08. juni 2012 - 12:00 #3

Men jeg kan ikke få den til at vise den her
<option selected="selected" value="0">Vælg Verdensdel</option>
det er pga når siden er lavet, opdateres samtlige select boxe med dette

der giver indholdet fra DB, og overskriver selectboxen,

så du kan betragte disse 4 boxe som placeholdere, der kun bruges ifm design

<form name="form1" action="#">
<span id="box1">
<!-- place holder ajax data kommer her -->
<select size="1" id="verdensdel" name="verdensdel" >
    <option selected="selected" value="0">Vælg Verdensdel</option>            
</select>
</span>

<span id="box2">
<!-- place holder ajax data kommer her -->
<select size="1" id="land" name="land">
    <option selected="selected" value="0">Vælg Land</option>            
</select>
</span>

<span id="box3">
<!-- place holder ajax data kommer her -->
<select size="1" id="region" name="region">
    <option selected="selected" value="0">Vælg region</option>            
</select>
</span>

<span id="box4">
<!-- place holder ajax data kommer her -->
<select size="1" id="distrikt" name="distrikt">
    <option selected="selected" value="0">Vælg distrikt</option>            
</select>

</span>
</form>

DomSelectBox(js_ar, "verdensdel", "GetAjaxData(this.value)");
bevirker at
<select size="1" id="verdensdel" name="verdensdel" >
overskrives med

 <select id="verdensdel" class="ShowSelectbox" onchange="GetAjaxData(this.value)">
<option value="0">vælg venligst</option>
<option value="1">V 1</option>
<option value="2">V 2</option>
<option value="3">V 3</option>
<option value="4">V 4</option>
</select>

jeg burde nok sætte et name på også, til brug for serverside

nemt rettet
select.setAttribute("id", elm);
select.setAttribute("name", elm);

i function DomSelectBox(js_ar, elm, attrib){
(er opdateret i zip, og demo)

>style="verdana:middle;width:200px;"
lav en class du setter på selectboxen (her kaldet selbox)

feks som
var cl=(lng>1)? "ShowSelectbox" : "HideSelectbox";
select.setAttribute("class", cl+" selbox");
med dette i css
.selbox{
verdana: middle;
width: 200px;
}
i function DomSelectBox(js_ar, elm, attrib){
(er opdateret i zip, og demo)

demo http://experten.olsensweb.dk/964110/

og så lige det sidste jeg bruger & i dben og den skriver den ud sådan her & i stedet for &
ref http://stackoverflow.com/questions/3700326/decode-amp-back-to-in-javascript
var decoded = encoded.replace(/&/g, '&');
har ikke lige prøvet,

hans eks ville være
var str = 'One & two & three';
var decoded = str.replace(/&/g, '&');

Synes godt om

olsensweb.dk Ekspert

08. juni 2012 - 12:25 #4

>og så lige det sidste jeg bruger & i dben og den skriver den ud sådan her & i stedet for &

denne linje

text = document.createTextNode(js_ar[i]['Navn']);

erstattes med disse

var tmp=js_ar[i]['Navn'];
tmp=tmp.replace(/&amp;/g, '&');
text = document.createTextNode(tmp);

(er opdateret i zip, og demo)

som du nok kan se er AJAX meget JS

Synes godt om

bigtime Nybegynder

27. juni 2012 - 08:02 #5

cool tak.
kan du komme med et svar :D

Synes godt om

olsensweb.dk Ekspert

27. juni 2012 - 18:12 #6

frår du her

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra PHP kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hent array key Af nemlig i PHP	3	17/05/202415:22	17/05/202416:30
iCal-feed og import til google kalender driller Af nemlig i PHP	11	09/05/202417:49	10/05/202421:28
Adgang til vandaflæsningsdata Af nemlig i PHP	4	22/04/202422:04	30/04/202421:08
Vælg post rækkefølge Af Mojo_dk i PHP	3	06/04/202418:40	07/04/202412:20
Hjælp til PHP Af Friis77 i PHP	5	11/02/202419:58	12/02/202407:55

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS