Ga naar inhoud

Meerdere pagina's openen #2


Aanbevolen berichten

Hallo Allemaal, Zoals Maarten Pol een tijdje geleden al schreef wil ik ook met een klik twee pagina's openen, via de link naar google kwam ik daar inderdaad een heleboel info tegen en is dit dus ook gelukt, wat wil je dan!! zou je zeggen. Ok de oplossingen op internet worden allemaal gegeven met een hyperlink gekoppeld aan een tekst en daarna de HTML aanpassen. Nou wil ik een html code aanpassing voor een knop met aanwijseffect zodat ik met die knop twee pagina's kan openen. Alvast bedankt! Moos
Link naar reactie
Bas, Ik werk met Frontpage 2000 daarin kan je een knop met aanwijseffect maken om een pagina in een ander frame te openen maar ik wil dat er twee pagina's openen. Met een gewone tekst met link lukt dit wel maar kan nergens vinden hoe ik dit doe bij een knop met aanwijseffect. Kijk op www.deknotwig.com voor meer duidelijkheid, met de link bovenaan 2P1K01 wordt "inhoud 1" geopend en de pagina die bij de eerste knop hoort, hoe krijg ik dit voor elkaar met de knop met aanwijseffect "Inhoud 1"?? Gesnopen? Groet, Moos
Link naar reactie
Aha. Ik snap. ;) Je zou het kunnen proberen door de onclick-event van de link te kopiëren naar de knop. Omdat de knop een JavaApplet is kan het echter zijn dat dit niet werkt. Persoonlijk zou ik knoppen ook niet van applets maken, het duurde redelijk lang voordat de pagina bruikbaar was terwijl er nog niet eens wat opstaan... Je kan hetzelfde effect bereiken met correct gebruik van HTML en CSS. [size=9:792a86ce10]Ja, ik weet dat mensen met Frontpage hier moeite mee kunnen hebben, maar het is wellicht de enige oplossing, dus begin niet met anti-pro-CSS-gezeik. Bvd.[/size:792a86ce10] - Bas
Link naar reactie
Ik ga met Bas mee. De "knop met aanwijseffect" is een java applet. Daar kan je maar een beperkt aantal dingen mee doen. Wat je zou kunnen proberen is vanuit "inhoud 1" en "inhoud 2" via javasript het middenframe te wijzigen (via een onload event). Hiervoor moet je dus toch even de code induiken; ik vrees dat er geen pasklare oplossing is. t.
Link naar reactie
Bas, Ik ben al blij dat je me niet meteen afkraakt met mijn Frontpage gebruik maar je moet ergens beginnen en ik heb al gemerkt dat je wel in de HTML code moet duiken om dingen aan te passen en fouten te verwijderen. Hier is de code van de vaandel als je me daar aanwijzingen in kan geven graag, de laatste paar regels heb ik tenslotte ook zelf moeten toevoegen. <html> <head> <meta http-equiv="Content-Language" content="nl"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>Klungel Site</title> <base target="inhoud"> </head> <body bgcolor="#FFFF99"> <p align="center"><font size="7" face="Arial" color="#800000"><b>Klungel Site</b></font></p> <p align="left"><!--webbot bot="HitCounter" u-custom i-digits="5" i-image="2" PREVIEW="&lt;strong&gt;[Bezoekersteller]&lt;/strong&gt;" i-resetvalue="18" startspan --><img src="_vti_bin/fpcount.exe/D:/Websites/Klungel/?Page=Vaandel_KS.htm|Image=2|Digits=5" alt="Bezoekersteller"><!--webbot bot="HitCounter" endspan -->&nbsp;&nbsp;&nbsp;<strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </strong><applet code="fphover.class" codebase="./" width="120" height="24"> <param name="effect" value="glow"> <param name="color" value="#CC9900"> <param name="textcolor" value="#FFFF99"> <param name="font" value="Helvetica"> <param name="fontstyle" value="bold"> <param name="fontsize" value="14"> <param name="hovercolor" value="#FFCC00"> <param name="target" value="inhoud"> <param name="text" value="Inhoud 1"> <param name="url" valuetype="ref" value="Inhoud_1.htm"> </applet>&nbsp;&nbsp;&nbsp;&nbsp; <applet code="fphover.class" codebase="./" width="120" height="24"> <param name="effect" value="glow"> <param name="color" value="#CC9900"> <param name="textcolor" value="#FFFF99"> <param name="font" value="Helvetica"> <param name="fontstyle" value="bold"> <param name="fontsize" value="14"> <param name="hovercolor" value="#FFCC00"> <param name="target" value="inhoud"> <param name="text" value="Inhoud 2"> <param name="url" valuetype="ref" value="inhoud_2.htm"> </applet>&nbsp;&nbsp;&nbsp;&nbsp; <a href="Inhoud_1.htm" onclick="parent.frames[2].location.href='het_begin.htm';" target="inhoud"><font face="Arial" size="5"><b>2P1K01</b></font></a>&nbsp;&nbsp;&nbsp;&nbsp; <a href="inhoud_2.htm" onclick="parent.frames[2].location.href='algemeen.htm';"><font face="Arial" size="5"><b>2P1K02</b></font></a></p> </body> </html> Ik gegrijp in princiepe wel wat er staat maar om het het op de juiste manier aan te passen kon ik nog niks over vinden, dus brand maar los. Alvast bedankt! Moos
Link naar reactie
Wat ik altijd doe is dit: [code:1:1bb008b8f5]<a href="inhoud_2.htm" onclick="parent.frames[2].location.href='algemeen.htm';"> <img src='1.jpg' OnMouseOver='this.src="2.jpg"' onMouseOut='this.src="1.jpg"'> </a>[/code:1:1bb008b8f5] In plaats van onMouseout kan je natuurlijk ook onClick, OnMousedown (knop ingedrukt) onMouseUp (knop losgelaten) gebruiken
Link naar reactie
[quote:06eb7202bb="Moos"]als je me daar aanwijzingen in kan geven graag[/quote:06eb7202bb]Het zal idd bij aanwijzingen blijven aangezien ik simpelweg geen tijd heb om het uit te werken. Maar ik zou het als volgt aanpakken:[list:06eb7202bb][*:06eb7202bb]Maak in een grafisch programma zoals Photoshop een gifje van 1 pixel hoog met een zgn "gradient" effect.[*:06eb7202bb]Gebruik een list van links ipv de applet-buttons.[*:06eb7202bb]Maak de lijst op met CSS.[/list:u:06eb7202bb]De code van de buttons zal er ongeveer zo uit komen te zien:[code:1:06eb7202bb]<div id="navigatie"> <ul> <li><a href="bla.htm" target="framenaam" onclick="top.bla.etc = iets">Inhoud 1</a></li> <li><a href="bla2.htm" target="framenaam" onclick="top.bla.etc = ietsanders">Inhoud 2</a></li> </ul> </div>[/code:1:06eb7202bb]Gecombineerd met CSS moet er iets moois mee te maken zijn, zie onder andere [url=http://alistapart.com/articles/taminglists/]deze link[/url] voor gedetailleerde informatie. De JavaApplets moet je het liefst zsm vergeten... ;) - Bas
Link naar reactie
Wat zeker een goede tip is: Adobe Photoshop/Imageready. Een geavanceerd graphics programma, maar, zeker met de manual erbij, absoluut niet moeilijk te gebruiken. Maak de site die je wilt, snij de knoppen eruit met de Slices tool en je kan ze vervolgens rollover(etc) effecten geven in de Slices palets. Imageready kan zelfs exporteren naar html en je hoeft zelf nauwelijks meer in de html te duiken (alleen (i)frames toevoegen). Helaas is de prijs van dit programma erg hoog, maar je kan een volledig werkende demo (30 days) downloaden van de adobe site. In dertig dagen kan je vast een site maken :P [url="http://www.adobe.com"]Adobe homepage[/url] succes!
Link naar reactie
Michiel, ik heb de mouseover en mouseout code gebruikt, werkt perfect (behoudens de layout die ziet er niet echt uit maar daar wordt aan gewerkt) alleen staat er op de site nu een blauw lijntje om de knop, hoe krijg ik die weg? En Bas ook bedankt maar ik ben nog niet toe aan CCS maar dat zal binnenkort ook wel komen. Weten jullie nog goeie boeken oven HTML en CCS? Nogmaals bedankt, ik heb weer veel geleerd! Moos
Link naar reactie

Om een reactie te plaatsen, moet je eerst inloggen

Gast
Reageer op dit topic

×   Geplakt als verrijkte tekst.   Herstel opmaak

  Er zijn maximaal 75 emoji toegestaan.

×   Je link werd automatisch ingevoegd.   Tonen als normale link

×   Je vorige inhoud werd hersteld.   Leeg de tekstverwerker

×   Je kunt afbeeldingen niet direct plakken. Upload of voeg afbeeldingen vanaf een URL in

×
×
  • Nieuwe aanmaken...