/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Hvordan får jeg tilsat nye links i jquery?
Fra : Lukas bredo


Dato : 26-12-09 12:29

Hej.

Jeg er igang med denne side: http://skole.lukasbredo.wep.dk/
Designet osv. er ikke i top endnu, men det er nu ikke det jeg vil
spørge om.
Jeg vil nemlig gerne have at der skal være nogle underemner til
hvert emner, eksempelvis til dansk ville jeg gerne have at det
skulle stå sådan hvis man klikkede på pilene:

Dansk
- Stile
- Rapporter

Og så skulle pilen så vende så den pegede opad, og så kunne man
så lukke det igen.

Det jeg har svært ved er hvordan jeg får den til at vise nogle
nye links når man trykke på pilen.
Er der mon nogen der kan hjælpe?

Ps. Hvis det ikke er til at forstå så skriv hvad du har spørgsmål
til, så skal jeg nok prøve at uddybe mig lidt yderligere

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Erik Ginnerskov (26-12-2009)
Kommentar
Fra : Erik Ginnerskov


Dato : 26-12-09 13:05

Lukas bredo wrote:
> Hej.
>
> Jeg er igang med denne side: http://skole.lukasbredo.wep.dk/

Hvad er ideen med at lave den side 1800px bred? Ikke ret mange har mulighed
for at se siden uden vandret scroll, som er hammer irriterende.

> Designet osv. er ikke i top endnu, men det er nu ikke det jeg vil
> spørge om.
> Jeg vil nemlig gerne have at der skal være nogle underemner til
> hvert emner, eksempelvis til dansk ville jeg gerne have at det
> skulle stå sådan hvis man klikkede på pilene:
>
> Dansk
> - Stile
> - Rapporter

Prøv at kigge her:

http://www.hintzmann.dk/articles/mhalist/
http://webdesign101.dk/www/cssmenu/

Måske du der finder noget brugbart.

--
Med venlig hilsen
Erik Ginnerskov
http://ginnerskov.dk - http://html-faq.dk


Lukas bredo (26-12-2009)
Kommentar
Fra : Lukas bredo


Dato : 26-12-09 19:57

Erik Ginnerskov wrote in dk.edb.internet.webdesign.clientside:
> Lukas bredo wrote:
> > Hej.
> >
> > Jeg er igang med denne side: http://skole.lukasbredo.wep.dk/
>
> Hvad er ideen med at lave den side 1800px bred? Ikke ret mange har mulighed
> for at se siden uden vandret scroll, som er hammer irriterende.
>
Jeg gik igang idag, og skulle derfor teste noget med en af mine divs. Jeg vil
venligst gerne have at alle svar i denne tråd kun omhandler emnet, da min side
kun er i prøve fasen, og jeg lige er startet og der derfor er en masse fejl!
> > Designet osv. er ikke i top endnu, men det er nu ikke det jeg vil
> > spørge om.
> > Jeg vil nemlig gerne have at der skal være nogle underemner til
> > hvert emner, eksempelvis til dansk ville jeg gerne have at det
> > skulle stå sådan hvis man klikkede på pilene:
> >
> > Dansk
> > - Stile
> > - Rapporter
>
> Prøv at kigge her:
>
> http://www.hintzmann.dk/articles/mhalist/
> http://webdesign101.dk/www/cssmenu/
>
> Måske du der finder noget brugbart.
>
> --
> Med venlig hilsen
> Erik Ginnerskov
> http://ginnerskov.dk - http://html-faq.dk
>


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Christian Kragh (26-12-2009)
Kommentar
Fra : Christian Kragh


Dato : 26-12-09 21:00

> Jeg vil nemlig gerne have at der skal være nogle underemner til
> hvert emner, eksempelvis til dansk ville jeg gerne have at det
> skulle stå sådan hvis man klikkede på pilene:
>
> Dansk
> - Stile
> - Rapporter

Hvis du kan se i kildekode, som de fleste kan, så prøv at se min side,
http://www3.ckweb.dk

Der åbner jeg underpunkterne med en javascript funktion...

> Og så skulle pilen så vende så den pegede opad, og så kunne man
> så lukke det igen.
>
> Det jeg har svært ved er hvordan jeg får den til at vise nogle
> nye links når man trykke på pilen.
> Er der mon nogen der kan hjælpe?
>
> Ps. Hvis det ikke er til at forstå så skriv hvad du har spørgsmål
> til, så skal jeg nok prøve at uddybe mig lidt yderligere

Prøv at kopiere følgende:

<!-- Filen starter -->

<script type="text/javascript">
function SetDisplay(elementid,displayvalue){
if (document.getElementById('i' + elementid) !=null)
document.getElementById('i' + elementid).src=imgsrc;
document.getElementById('l' + elementid).style.display=displayvalue;
}

function ToogleDisplay(elementid){
//alert(document.getElementById(elementid).style.display);
if (document.getElementById('l' + elementid).style.display=='none'){
//it is contracted
SetDisplay(elementid,'');
}
else{
SetDisplay(elementid,'none');
}
}
</script>

<a href='javascript:void(0)' onclick='ToogleDisplay(1);'>Test 1</a><br />
<div style='display:none' id='l1'>
- &nbsp;Indhold 1<br />
<a href='javascript:void(0)' onclick='ToogleDisplay(2);'>- &nbsp;Test
2</a><br />
<div style='display:none' id='l2'>
&nbsp; - &nbsp;Indhold 2
</div>
<a href='javascript:void(0)' onclick='ToogleDisplay(3);'>- &nbsp;Test
3</a><br />
<div style='display:none' id='l3'>
&nbsp; - &nbsp;Indhold 3
</div>
</div>

<!-- Filen er slut -->

Skriv følgende:
onclick='ToogleDisplay(3);'
hvor det tal der står i parentesen er det nummer du skriver i det id felt på
det underlæggende div element.
Husk et "l" i id'en id="l1"

Du kan udbygge det med en funktion til at skifte billede hvis du vil have
dine pile på linket...

Christian


Lukas bredo (26-12-2009)
Kommentar
Fra : Lukas bredo


Dato : 26-12-09 21:09

Christian Kragh wrote in dk.edb.internet.webdesign.clientside:
> > Jeg vil nemlig gerne have at der skal være nogle underemner til
> > hvert emner, eksempelvis til dansk ville jeg gerne have at det
> > skulle stå sådan hvis man klikkede på pilene:
> >
> > Dansk
> > - Stile
> > - Rapporter
>
> Hvis du kan se i kildekode, som de fleste kan, så prøv at se min side,
> http://www3.ckweb.dk
>
> Der åbner jeg underpunkterne med en javascript funktion...
>
> > Og så skulle pilen så vende så den pegede opad, og så kunne man
> > så lukke det igen.
> >
> > Det jeg har svært ved er hvordan jeg får den til at vise nogle
> > nye links når man trykke på pilen.
> > Er der mon nogen der kan hjælpe?
> >
> > Ps. Hvis det ikke er til at forstå så skriv hvad du har spørgsmål
> > til, så skal jeg nok prøve at uddybe mig lidt yderligere
>
> Prøv at kopiere følgende:
>
> <!-- Filen starter -->
>
> <script type="text/javascript">
> function SetDisplay(elementid,displayvalue){
> if (document.getElementById('i' + elementid) !=null)
> document.getElementById('i' + elementid).src=imgsrc;
> document.getElementById('l' + elementid).style.display=displayvalue;
> }
>
> function ToogleDisplay(elementid){
> //alert(document.getElementById(elementid).style.display);
> if (document.getElementById('l' + elementid).style.display=='none'){
> //it is contracted
> SetDisplay(elementid,'');
> }
> else{
> SetDisplay(elementid,'none');
> }
> }
> </script>
>
> <a href='javascript:void(0)' onclick='ToogleDisplay(1);'>Test 1</a><br />
> <div style='display:none' id='l1'>
> -  Indhold 1<br />
> <a href='javascript:void(0)' onclick='ToogleDisplay(2);'>-  Test
> 2</a><br />
> <div style='display:none' id='l2'>
>   -  Indhold 2
> </div>
> <a href='javascript:void(0)' onclick='ToogleDisplay(3);'>-  Test
> 3</a><br />
> <div style='display:none' id='l3'>
>   -  Indhold 3
> </div>
> </div>
>
> <!-- Filen er slut -->
>
> Skriv følgende:
> onclick='ToogleDisplay(3);'
> hvor det tal der står i parentesen er det nummer du skriver i det id felt på
> det underlæggende div element.
> Husk et "l" i id'en id="l1"
>
> Du kan udbygge det med en funktion til at skifte billede hvis du vil have
> dine pile på linket...
>
> Christian
>

Tak skal du have, det virker faktisk nu


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Christian Kragh (26-12-2009)
Kommentar
Fra : Christian Kragh


Dato : 26-12-09 22:16

> Tak skal du have, det virker faktisk nu

Selv tak...
For at lave de der pile du taler om ville jeg gøre følgende, samt sørge for
at de enkelte link stadigvæk kan bruges...

function ToogleDisplay(elementid){
//alert(document.getElementById(elementid).style.display);
if (document.getElementById('l' + elementid).style.display=='none'){
//it is contracted
SetDisplay(elementid,'');
SetDisplay(elementid+"a",'');
SetDisplay(elementid+"b",'none');
}
else{
SetDisplay(elementid,'none');
SetDisplay(elementid+"a",'none');
SetDisplay(elementid+"b",'');
}
}
</script>

<a href='javascript:void(0)' onclick='ToogleDisplay(1);'>
<img src='pil1.png' id='1a'>
<img src='pil2.png' id='1b' style='display:none'>
</a>
<a href='Dr.dkhttp://www.dr.dk'>Dr.dk />
<div style='display:none' id='l1'>
Indhold 1
</div>

Så er der et billede foran der skal trykkes på, så man kan bruge den enkelte
link stadigvæk, hvis man ønsker det...

Christian


Christian Kragh (26-12-2009)
Kommentar
Fra : Christian Kragh


Dato : 26-12-09 22:27

Jeg har fundet en fejl i scriptet...

Det er under SetDisplay(elementid,displayvalue)'s if sætning...

Brug følgende:
function SetDisplay(elementid,displayvalue,imgsrc){
if (document.getElementById('i' + elementid) !=null) {
document.getElementById('i' + elementid).src=imgsrc;
document.getElementById('l' + elementid).style.display=displayvalue;
}
}

Det er { og } der mangler...

Desuden hvis du bruger følgende har du en pil...

<!-- Filen starter -->

<script type="text/javascript">
function SetDisplay(elementid,displayvalue,imgsrc){
if (document.getElementById('i' + elementid) !=null) {
document.getElementById('i' + elementid).src=imgsrc;
document.getElementById('l' + elementid).style.display=displayvalue;
}
}

function ToogleDisplay(elementid){
//alert(document.getElementById(elementid).style.display);
if (document.getElementById('l' + elementid).style.display=='none'){
//it is contracted
SetDisplay(elementid,'','pil2.png');
}
else{
SetDisplay(elementid,'none','pil1.png');
}
}
</script>

<a href='javascript:void(0)' onclick='ToogleDisplay(1);'><img src='pil1.png'
id='i1'>Test 1</a><br />
<div style='display:none' id='l1'>
&nbsp; Indhold 1<br />
<a href='javascript:void(0)' onclick='ToogleDisplay(2);'>&nbsp; <img
src='pil1.png' id='i2'>Test 2</a><br />
<div style='display:none' id='l2'>
&nbsp; &nbsp; Indhold 2
</div>
<a href='javascript:void(0)' onclick='ToogleDisplay(3);'>&nbsp; <img
src='pil1.png' id='i3'>Test 3</a><br />
<div style='display:none' id='l3'>
&nbsp; &nbsp; Indhold 3
</div>
</div>

<!-- Filen er slut -->

Christian


Lukas bredo (27-12-2009)
Kommentar
Fra : Lukas bredo


Dato : 27-12-09 10:59

Christian Kragh wrote in dk.edb.internet.webdesign.clientside:
> Jeg har fundet en fejl i scriptet...
>
> Det er under SetDisplay(elementid,displayvalue)'s if sætning...
>
> Brug følgende:
> function SetDisplay(elementid,displayvalue,imgsrc){
> if (document.getElementById('i' + elementid) !=null) {
> document.getElementById('i' + elementid).src=imgsrc;
> document.getElementById('l' + elementid).style.display=displayvalue;
> }
> }
>
> Det er { og } der mangler...
>
> Desuden hvis du bruger følgende har du en pil...
>
> <!-- Filen starter -->
>
> <script type="text/javascript">
> function SetDisplay(elementid,displayvalue,imgsrc){
> if (document.getElementById('i' + elementid) !=null) {
> document.getElementById('i' + elementid).src=imgsrc;
> document.getElementById('l' + elementid).style.display=displayvalue;
> }
> }
>
> function ToogleDisplay(elementid){
> //alert(document.getElementById(elementid).style.display);
> if (document.getElementById('l' + elementid).style.display=='none'){
> //it is contracted
> SetDisplay(elementid,'','pil2.png');
> }
> else{
> SetDisplay(elementid,'none','pil1.png');
> }
> }
> </script>
>
> <a href='javascript:void(0)' onclick='ToogleDisplay(1);'><img src='pil1.png'
> id='i1'>Test 1</a><br />
> <div style='display:none' id='l1'>
>   Indhold 1<br />
> <a href='javascript:void(0)' onclick='ToogleDisplay(2);'>  <img
> src='pil1.png' id='i2'>Test 2</a><br />
> <div style='display:none' id='l2'>
>     Indhold 2
> </div>
> <a href='javascript:void(0)' onclick='ToogleDisplay(3);'>  <img
> src='pil1.png' id='i3'>Test 3</a><br />
> <div style='display:none' id='l3'>
>     Indhold 3
> </div>
> </div>
>
> <!-- Filen er slut -->
>
> Christian
>

Ja det kunne jeg se, jeg har indsat alle pilene osv. Og nu virker det faktisk
helt perfekt!! Tak skal du have

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Christian Kragh (27-12-2009)
Kommentar
Fra : Christian Kragh


Dato : 27-12-09 12:40

> Ja det kunne jeg se, jeg har indsat alle pilene osv. Og nu virker det
> faktisk
> helt perfekt!! Tak skal du have

Du er altid velkommen...

Christian


Christian Kragh (27-12-2009)
Kommentar
Fra : Christian Kragh


Dato : 27-12-09 12:41

>> Ja det kunne jeg se, jeg har indsat alle pilene osv. Og nu virker det
>> faktisk
>> helt perfekt!! Tak skal du have
>
> Du er altid velkommen...

Jeg kan se du har lavet en enkelt fejl...

Du linker til en side der hedder:
file:///C:/Documents%20and%20Settings/Lukas/Skrivebord/Hjemmesider/Skole-Hjemmeside/index.html

Den ligger kun på din egen maskine så vi andre kan ikke se det...

Christian


Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste