Avatar billede zentral Nybegynder
24. januar 2007 - 09:58 Der er 15 kommentarer og
1 løsning

navigations bar

Hej jeg har en menu på mit site, neden unden en navigations linje jeg gerne vil have til at fungere og nedenunder en iframe

jeg vil gerne ha sådan at når jeg trykker på et link, fx produkter, så kommer navigations linjen til at se sådan ud fx.

Forside >> produkter

og linket åbnes samtidig i iframen
Avatar billede roenving Novice
24. januar 2007 - 21:20 #1
F.eks.

<a href="produkter.html" target="contentIframe" onclick="document.getElementById('myreSti').firstChild.nodeValue='Forside >> Produkter'">Produkter</a>

-- hvis det skal være med links bliver det en del mere kompliceret, men kan sagtens laves !-)
Avatar billede zentral Nybegynder
25. januar 2007 - 11:05 #2
ja det er sådan, men det skal godt nok være med links... øhhh hvordan vises det "Forside >> Produkter" så ???
Avatar billede roenving Novice
26. januar 2007 - 06:05 #3
-- nemmest at tænke ind i en funktion så (jeg går ud fra, at hele baduljen kan ændre sig !-)

<script type="text/javascript">
function setMyreSti(stiObjekt){
  if(!stiObjekt)
    return;
  var myre = document.getElementById('myreSti'),lnk;
  while(myre.firstChild)
    myre.removeChild(myre.firstChild);
  for(i=0,im=stiObjekt.length;im>i;i++){
    lnk = document.createElement("a");
    myre.appendChild(lnk);
    lnk.setAttribute("href",stiObjekt[i][1]);
    lnk.appendChild(document.createTextNode(stiObjekt[i][0]));
    if(im>i+1)
      myre.appendChild(document.createTextNode(" >> "));
  }
}
</script>

-- og så skal linket ligne dette:

<a href="produkter.html" target="contentIframe" onclick="setMyreSti(['Forside','/'],['Produkter',this.href])">Produkter</a>
Avatar billede zentral Nybegynder
26. januar 2007 - 15:58 #4
der sker ik noget når man trykker på linket ???
Avatar billede roenving Novice
27. januar 2007 - 00:19 #5
Har du et element, der har id="myreSti" ?-)

-- ellers ret navnet enten på tagget eller i koden; eller indsæt det !-)
Avatar billede zentral Nybegynder
27. januar 2007 - 09:42 #6
se nu virker det, bortset fra den kun udskriver første bogstav i text og adresse
Avatar billede zentral Nybegynder
27. januar 2007 - 09:55 #7
kan du ikke se her http://www.zentral.dk/booking/ så kan du nok se hvad det er jeg mener, og du kan sikkert os se hvad det er jeg godt ku tænke mig med en navigations linje
Avatar billede roenving Novice
28. januar 2007 - 05:27 #8
Argh, der mangler et sæt []'er:

<a href="produkter.html" target="contentIframe" onclick="setMyreSti([['Content','/'],['Produkter',this.href]])">Produkter</a>

-- i øvrigt skal du sætte din content-ting ind i elementet fra starten og også referere til det, således at det bliver navigérbart:

<div class="text1" id="myreSti">&nbsp;&nbsp;&nbsp;&nbsp;&raquo; <a href="/">CONTENT</a> </div>

-- og så kan du indsætte default-starten i funktionen også:

(een linje indsat !-)

...
  while(myre.firstChild)
    myre.removeChild(myre.firstChild);
  myre.appendChild(document.createTextNode("&nbsp;&nbsp;&nbsp;&nbsp;&raquo; "));
  for(i=0,im=stiObjekt.length;im>i;i++){
...
Avatar billede zentral Nybegynder
28. januar 2007 - 09:09 #9
det virker jo helt kanon nu, har et sidste spørgsmål, hehe... i denne linje.
myre.appendChild(document.createTextNode(" >> "));
vil jeg gerne have at >> skal have en "class" så at de matcher resten af teksten, er det muligt ?
Avatar billede zentral Nybegynder
28. januar 2007 - 09:11 #10
hov, når man trykker på linket som popper ud, så åbner det ikke i iframen, hehe... kan du os fixe de 2 ting så får du point med det sammen...
Avatar billede roenving Novice
29. januar 2007 - 01:26 #11
1. Sæt klassen på text1-diven !-)

2. Så skal vi også have et target på a-tags:

...

    lnk = document.createElement("a");
    myre.appendChild(lnk);
    lnk.setAttribute("target","ditIframeNavn");//tilføjet, ret navnet på iframen !O]
    lnk.setAttribute("href",stiObjekt[i][1]);

...
Avatar billede zentral Nybegynder
29. januar 2007 - 09:13 #12
det er den allerede <div class="text1" id="myreSti">
Avatar billede roenving Novice
29. januar 2007 - 15:41 #13
-- hvis du skal sætte en class på teksten skal du rundt om endnu et element, en span, hvilket jo medfører en komplikation af koden ...

-- men en almindelig tekst inde i en div bør vises som divens style foreskriver !-)
Avatar billede zentral Nybegynder
30. januar 2007 - 22:22 #14
smider du lige et svar så får du point.... det virker bar... du kan se hvordan projektet kom til at se ud på www.zentral.dk/booking
Avatar billede roenving Novice
31. januar 2007 - 07:49 #15
Velbekomme '-)
Avatar billede roenving Novice
28. februar 2007 - 09:56 #16
-- og tak for point ;~}
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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