[html] iframe targetten

Pagina: 1
Acties:
  • 37 views sinds 30-01-2008

  • Boyd
  • Registratie: Januari 2006
  • Laatst online: 07:27
ik heb een probleempje met een iframe. Ik heb nu een tabel van 2 kollommen.. in de linkerkolom staat een menu:

-onderwerp 1
-onderwerp 2
-onderwerp 3

in de rechterkolom staat een iframe.. in dat iframe bestand (content.html) staan onderwerp 1, 2 én 3.

Ik wil ze oproepen door #onderwerp1, #onderwerp2, etc te gebruiken. Dit lukt prima op een pagina zonder dat iframe, maar het lukt me niet om vanaf het menu een link te maken, dat hij in het iframe het juiste kopje kiest...

dit is wat ik in de link heb, maar niet goed werkt (de totale site wordt in het iframe geopend):

code:
1
<a href="#docenten" target="content">Docenten&nbsp;&nbsp;&nbsp;</a>

[ Voor 15% gewijzigd door Boyd op 13-02-2007 21:43 ]


  • deCube
  • Registratie: Mei 2006
  • Laatst online: 25-11 21:04
Werkt het volgende niet?

HTML:
1
<a href="content.html#onderwerp1" target="content">Docenten&nbsp;&nbsp;&nbsp;</a>

Work hard & be brave.


  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Lees Waar hoort mijn topic? eens door en er gaat een wereld voor je open, alszijnde: je topic had eigen in Webdesign, Markup & Clientside Scripting gemoeten ;)

Daarnaast heeft iedereen wel problemen met een iframe, dus probeer in de toekomst een iets beschrijvendere titel te bedenken. Je kan je move en een betere suggustie voor je topictitel doen middels de Afbeeldingslocatie: http://gathering.tweakers.net/global/templates/tweakers/images/icons/icon_hand.gif knop linksboven in je topic :)

[ Voor 7% gewijzigd door BtM909 op 13-02-2007 22:15 ]

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
* RobIII vast voor is en het topic naar /13 WEB schopt O-)
en een titlechange uit z'n duim zuigt :P

[ Voor 35% gewijzigd door RobIII op 13-02-2007 22:44 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij


  • sjongenelen
  • Registratie: Oktober 2004
  • Laatst online: 09:00
hmm, misschien stom, maar als je target="_%naam%#onderwerp" ?

ik bedoelde eigenlijk wat nitrox zei :+

[ Voor 29% gewijzigd door sjongenelen op 14-02-2007 12:22 ]

you had me at EHLO


  • NitroX infinity
  • Registratie: Januari 2002
  • Nu online
Uhm,
http://www.w3schools.com/html/html_frames.asp
HTML:
1
<a href="content.html#onderwerp1" target="naam_die_je_aan_iframe_hebt_gegeven">Link with Anchor</a>

Graphene; a material that can do everything, except leave the lab. - Asianometry


  • Boyd
  • Registratie: Januari 2006
  • Laatst online: 07:27
werkt, bedankt voor de hulp

Verwijderd

wat je ook kan doen wanneer alles naar je iframe moet worden gelinkt is


<head>
<base target="naam-van-je-iframe">
</head<

  • Boyd
  • Registratie: Januari 2006
  • Laatst online: 07:27
nog een 2e vraagje mbt op dit onderwerp..

het werkt nu, maar zodra je op de link klikt komt de tekst in het iframe helemaal bovenaan je scherm te staan.. ik wil dit een paar cm/pixels naar beneden hebben. kan dit?

  • spone
  • Registratie: Mei 2002
  • Niet online
zet in je iframe:

<body style="margin: 20px;">

:)

i5-14600K | 32GB DDR5-6000 | RTX 5070 - MacBook Pro M1 Pro 14" 16/512


  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
Gamepie56 schreef op donderdag 15 februari 2007 @ 16:48:
nog een 2e vraagje mbt op dit onderwerp..

het werkt nu, maar zodra je op de link klikt komt de tekst in het iframe helemaal bovenaan je scherm te staan.. ik wil dit een paar cm/pixels naar beneden hebben. kan dit?
Uiteraard; met wat CSS kun je een padding/margin opgeven of een named anchor (#) kun je prima naar een bepaald stuk "scrollen" in je document.

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij


  • NitroX infinity
  • Registratie: Januari 2002
  • Nu online
Gebruikt de pagina die in de frame komt te staan de body tag? Zo ja, geef daar een ID aan mee, en stel in je CSS bestand bij dat ID een margin of padding aan in.

[ Voor 3% gewijzigd door NitroX infinity op 15-02-2007 17:21 ]

Graphene; a material that can do everything, except leave the lab. - Asianometry


  • Boyd
  • Registratie: Januari 2006
  • Laatst online: 07:27
hmm.. snap het niet helemaal.. klein voorbeeldje mogelijk?

  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
Gamepie56 schreef op donderdag 15 februari 2007 @ 17:05:
hmm.. snap het niet helemaal.. klein voorbeeldje mogelijk?
Je zou ook gewoon met de gegeven hints (keywords) zelf een beetje moeite kunnen doen en effe googlen (named anchors, Margin, padding, CSS). Het is hier niet de bedoeling dat we je aan je handje blijven houden.

[ Voor 18% gewijzigd door RobIII op 15-02-2007 17:22 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij


  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Met bovenstaander :)

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

Pagina: 1

Dit topic is gesloten.