link naar iframe

pietjepuk · Bericht door **pietjepuk** » 15 januari 2006, 15:04

Hallo,

Ik heb een index.html pagina gemaakt+ een pagina foto.html.
Op de index pagina heb ik een Iframe geplaatst. Hoe en waar kan ik instellen dat als ik op de link foto druk, de pagina foto.html geopend wordt in het Iframe?

nirwana · Bericht door **nirwana** » 15 januari 2006, 15:23

Het gaat erom dat je het iframe een naam geeft en dat je dan die naam gebruikt als target in de koppeling die je toevoegt.

Code: Selecteer alles

<p>
<a href="foto.html" target="foto">Open deze link in iframe met de naam ifr</a>
</p>

<p>hier staat het iframe met als naam "foto":
<iframe name="foto"></iframe>
</p>

Als je in Nvu de eigenschappen van een koppeling opvraagt, dan vermeldt Nvu dit als volgt (onder Meer Eigenschappen):
Doel:
- Koppeling moet geopend worden:
--- in dit deelvenster
En vervolgens geef je aan de rechterkant de naam van het iframe op: foto.

pietjepuk · Bericht door **pietjepuk** » 15 januari 2006, 23:27

Martijn bedankt voor de code het linken naar iframe gaat nu goed.
Weet je misschien ook hoe ik in plaats van scrollbalken, peiltjes up en down bij het iframe kan plaatsen?

nirwana · Bericht door **nirwana** » 16 januari 2006, 0:44

pietjepuk schreef:Martijn bedankt voor de code het linken naar iframe gaat nu goed.
Weet je misschien ook hoe ik in plaats van scrollbalken, peiltjes up en down bij het iframe kan plaatsen?

Daarvoor heb je wel wat Javascript-code nodig. Hier staat wel een voorbeeldje: http://www.dyn-web.com/dhtml/iframes/scroll-v.html

Een ander voorbeeld:
http://www.dynamicdrive.com/dynamicinde ... scroll.htm

pietjepuk · Bericht door **pietjepuk** » 16 januari 2006, 21:11

Martijn bedankt wederom, het is me gelukt een iframe +pijltjes op de pagina te zetten. Het enige wat nog moet lukken is het scrollen als je op een pijltje up of down drukt. Wat ik er van begrijp is dat je de eerste code ergens op de pagina in je body moet zetten. En de tweede code op de pagina die in het frame wordt geladen helemaal onderin tussen de
</body>
hier dus
</html>.
Als het niet klopt wat ik denk zou je het dan even willen corrigeren?
Ik ga ondertussen nog even proberen het frame+pijltjes werkend te krijgen.

nirwana · Bericht door **nirwana** » 16 januari 2006, 23:05

Tussen de afsluitende body en de afsluitende html moet je helemaal niets plaatsen. De structuur is als volgt:

Code: Selecteer alles

<html>
<head>
   <meta ...>
   <title>Titel van de pagina</title>

  <style type="text/css">
     hier kunnen CSS-regels staan...
  </style>

  <script type="text/javascript">
      hier kan Javascript-code staan
  </script>
</head>

<body>
hier komt de inhoud van je pagina
</body>
</html>

In de head staat allerhande informatie over de webpagina. In de body staat de eigenlijk inhoud. De rest is om het geheel netjes af te sluiten. Dus de pagina bestaat uit head en body en het geheel wordt door html-tags omsloten. De head kan op haar beurt weer bestaan uit meta-tags, style-tags, script-tags, etc. En in de body van de pagina kun je allerhande andere tags tegenkomen die iets met de opzet van doen hebben. Dat is hetgeen de bezoeker voornamelijk ziet.

pietjepuk · Bericht door **pietjepuk** » 16 januari 2006, 23:55

Martijn bedankt voor alle hulp. Het iframe met scroll up en down doet het.

nirwana · Bericht door **nirwana** » 17 januari 2006, 7:22

pietjepuk schreef:Martijn bedankt voor alle hulp. Het iframe met scroll up en down doet het.

En waar kunnen we dit kleine wonder online aanschouwen ?

pietjepuk · Bericht door **pietjepuk** » 17 januari 2006, 11:41

Hier is de het adres http://home.hetnet.nl/~vangem/test.html
even op de link joepie drukken en aanschouw het wonder.
Nogmaals bedankt.

pietjepuk · Bericht door **pietjepuk** » 18 januari 2006, 13:50

Martijn zoals je kunt zien is het gelukt om een iframe+scroll op een pagina te zetten. Mijn volgende vraag is, hoe en waar kun je de positie van het frame op je pagina instellen. Ik zou hem graag in het midden onderaan mijn pagina hebben.
b.v.b.d, piet.

nirwana · Bericht door **nirwana** » 18 januari 2006, 20:44

Dat kun je doen met een paar CSS-regels:

Code: Selecteer alles

iframe
{
	position: absolute;
	bottom: 0px;
}

Daarmee geef je aan dat je zelf de positie van het iframe wilt bepalen en wel zo dat die 0 pixels vanaf de onderkant van de pagina moet komen te staan.

Let wel: ik ben nog geen held in CSS-regels, maar dit kan je allicht op weg helpen.

Hier is nog een aardig voorbeeld van position:fixed:
http://www.cssplay.co.uk/layouts/fixed.html

pietjepuk · Bericht door **pietjepuk** » 18 januari 2006, 23:12

Ik heb wat zitten klungelen en heb het iframe in een div gezet,zie code <DIV ALIGN="center"> </DIV> zodat het iframe in het midden staat.
Om het iframe onderaan de pagina te krijgen heb ik 8 maal op enter gedrukt. Het is dan wel niet helemaal met code gelukt maar het frame staat waar ik het hebben wil. Misschien later als ik wat meer ervaring krijg met CSS is het denk ik eenvoudiger te doen, maar al doende leert men. Alsnog bedankt voor de hulp, piet.

nirwana · Bericht door **nirwana** » 18 januari 2006, 23:17

pietjepuk schreef:Om het iframe onderaan de pagina te krijgen heb ik 8 maal op enter gedrukt. Het is dan wel niet helemaal met code gelukt maar het frame staat waar ik het hebben wil. Misschien later als ik wat meer ervaring krijg met CSS is het denk ik eenvoudiger te doen, maar al doende leert men. Alsnog bedankt voor de hulp, piet.

Wacht maar tot iemand met een andere schermresolutie langs komt surfen. De ene zal het niet zien en een ander ziet het juist weer te hoog staan. Maar dat is de uitdaging van voor het web ontwerpen. En dat is ook een reden dat iets als CSS is uitgevonden.

Overigens ben ik het ermee eens dat je het nu eerst zo doet en dan later op zoek kunt naar een betere manier. Je kunt het beter met kleine behapbare stapjes doen dan dat je in 1 keer alles goed wilt doen en er niets van terecht komt...

pietjepuk · Bericht door **pietjepuk** » 18 januari 2006, 23:47

Ja ik moet nog een hoop lezen en leren hoe je CSS kan gebruiken. Ik denk dat ik om te beginnen een soort tien stappen boekje ga kopen om de grond beginselen van CSS een beetje onder de knie te krijgen.
Verder ben ik pas bezig met NVU wat ook weer helemaal wennen is, voorheen gebruikte ik fronpage. Daarnaast ben pas overgestapt van PSP naar GIMP kortom daar moet ik allemaal een beetje meer mee vertrouwd raken. Maar met hulp en tips hier en elders gaat het op den duur wel lukken. Wat de resolutie betreft heb je gelijk maar ik zet op de site dat hij het beste met 1024x768 bekeken kan worden.
Nou tot hulps of tips zullen we maar zeggen, piet

nirwana · Bericht door **nirwana** » 19 januari 2006, 0:00

Als Engels geen probleem is, dan zou ik http://www.w3schools.com/css/ willen aanraden. Daar kun je ook direct CSS-code in de browser uitproberen.

En natuurlijk zijn er ook wel Nederlandstalige handleidingen:
http://www.bitstorm.org/edwin/cursus/css.html
http://www.cssref.be/cursus/cursus.asp
http://www.regnery.net/html/css.php
http://www.mijnhomepage.nl/csscursus/cs ... rzicht.php
http://www.xs4all.nl/~dalemuus/lessen/css/css.htm

En ook met GIMP hebben we hier wel ervaring...