Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

navigatie

11 antwoorden
  • Hallo, Via google heb ik lang gezocht, maar ik kon niets vinden. Ik wil op het bovenste 'vaste hoofdframe' (dus een ander frame dan het navigatie-frame) duidelijk kenbaar maken op welke pagina en dus in welk gedeelte van het menu men 'zit'. Hoe kan ik dit via een Javascript maken? Alvast hartelijk dank hiervoor. Groeten
  • Kijk maar eens op deze site : http://www.quirksmode.org/js/contents.html Lees eerst dit stukje over frames : http://www.quirksmode.org/js/frameintro.html Je weet daarna hoe je een script in een ander frame moet uitvoeren. Daarna dit : http://www.quirksmode.org/js/layerwrite.html Waarmee je de inhoud van een layer via een script kan aanpassen. Als je dit combineert kan je via het ene frame het andere frame aanpassen. Je zal het dus wel zelf moeten maken. succes !
  • Is geen enkel probleem om het zelf te maken, maar ik wist niet hoe te doen. Nu wel dus. Hartelijk dank hiervoor. Groetjes
  • Hallo, Het lukt me nog steeds niet. De kant-en-klare oplossing hoeft niet zomaar gegeven te worden, maar kan ik duidelijk op weg geholpen worden. Ik ben nog een nitwit met Javascript, maar het is leerzaam om dit met enige hulp onder de knie te krijgen. Eigenlijk wil ik gewoon dat een bepaalde plaats boven aan het scherm hetzelfde woord staat zoals de navigatieknop in het menu heet. Wanneer item A is aangeklikt, komt op die plaats ook A te staan. Hiermee wordt dus aangegeven in welk menu men zich bevindt en waar men dus op de site is. Deze plaats waar dat item of image zich moet bevinden, is dus op een ander frame dan de navigatie en en dit item of image is dus variabel. Een uitgebreide zoektocht heeft niets opgeleverd, lezen en proberen heeft ook helemaal niets opgeleverd. Please, help me. Groetjes
  • Ik vraag me eigenlijk al een hele lange tijd af waarom je niet gewoon in het hoofdframe (het frame met de betreffende paginatekst) bovenaan aangeeft waar je bent, i.p.v. het per se in het bovenste vaste frame.
  • Ik heb een voorbeeldje voor je gemaakt : http://members.home.nl/error404/dalertje.zip http://members.home.nl/error404/dalertje/
  • Het voorbeeld in navi, alsmede de functies OnMouseOver="parent.topframe...., document.getElementById en had ik ook, maar verder kwam ik nog niet. Het Javascript was me niet gelukt. Hartelijk dank daarvoor Error404. Ik ga er nu zeker uitkomen. Groetjes, Wil
  • Ok succes!
  • Sorry maar ik moet er weer even op terugkomen. Wat ik ook probeer, het lukt me maar niet. Terwijl het voorbeeld van Error404 in alle browsers wel degelijk werkt en ook duidelijk is. Maar kennis van Javascript schiet hierbij blijkbaar nog duidelijk te kort om hier de oplossing voor te vinden. Mijn code is nu als volgt: Topframe: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>topframe</title> <link href="CSS/arial.css" rel="stylesheet" type="text/css"> <link href="CSS/tabel.css" rel="stylesheet" type="text/css"> <STYLE TYPE="text/css"> <!-- .testclass {border-width: 2px; border-style: solid; border-color: #000000; font: 12px arial,helvetica; z-index: 10; } #test {position: absolute; top: 20px; left: 50%; width: 15%; padding: 0px; } --> </STYLE> <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> <!-- function writit(text,id) { if (document.getElementById) { x = document.getElementById(id); x.innerHTML = ''; x.innerHTML = text; } else if (document.all) { x = document.all[id]; x.innerHTML = text; } else if (document.layers) { x = document.layers[id]; text2 = '<P CLASS="testclass">' + text + '</P>;'; x.document.open(); x.document.write(text2); x.document.close(); } } // --> </SCRIPT> </head> <body> <DIV CLASS="testclass" ID="test"></DIV> </body> </html> En het navigatie frame: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Navigatie</title> <style type="text/css"> <!-- body { background-color: #9DD5C8; } --> </style> </head> <body> <table width="120" border="0"> <tr> <td><A HREF="centrum.htm" onClick="parent.topframe.writit('centrum','test')" onMouseOut="parent.topframe.writit('','test')" target="mainFrame">centrum</A></td> </tr> <tr> <td><A HREF="medewerkers.htm" onMouseOver="parent.topframe.writit('medewerkers','test')" onMouseOut="parent.topframe.writit('','test')" target="mainFrame">medewerkers</A></td> </tr> <tr> <td><A HREF="uitleg.htm" onMouseOver="parent.topframe.writit('uitleg','test')" onMouseOut="parent.topframe.writit('','test')" target="mainFrame">Uitleg</A></td> </tr> </table> </body> </html> A.U.B., wat doe ik fout? M.vr.gr., Dalertje
  • Ik heb net even je code getest, deze doet het gewoon goed. Het probleem zal wel zitten in de benaming in je frames pagina. (index.html in mijn voorbeeld) [code:1:e2ab34e1e8]<head> <title></title> </head> <frameset rows="80,*" frameborder=0 border=0 framespacing=0> <frame src="top.html" scrolling="no" name="topframe"> <frameset cols="290,*" frameborder=0 border=0 framespacing=0> <frame name="navi" src="navi.html" scrolling="auto" NORESIZE> <frame name="content" src="content.html" scrolling="auto" NORESIZE> </frameset> </frameset> </html> [/code:1:e2ab34e1e8] Je ziet hier een regel met het frame staan en de naam <frame src="top.html" scrolling="no" name="[b:e2ab34e1e8]topframe[/b:e2ab34e1e8]"> In de code verwijs je naar dit frame <A HREF="medewerkers.htm" onMouseOver="parent.[b:e2ab34e1e8]topframe[/b:e2ab34e1e8].writit('medewerkers','test')" onMouseOut="parent.[b:e2ab34e1e8]topframe[/b:e2ab34e1e8].writit('','test')" target="mainFrame">medewerkers</A> Zorg er dus voor dat je of je code of de naam van je frame aanpast. Suc6
  • Het lijkt erop dat ik er nu echt uit ben. Ik ben je heel dankbaar Error404. Overigens, in de loop der tijd heb ik steeds meer kennis van Javascript gekregen, maar dit was gewoon omdat ik de naam van het topframe niet consequent gebruikte. Stom stom stom. M.vr.gr., Dalertje

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

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