Problemen met frames

dinsdag 22 april 2008 20:47

Topicstarter

@ Weejewel: Idd, helemaal vergeten. Zal ik starks in mijn 2 globale stylesheets zetten!

@ Blackspot: Ik snap niet direct wat je bedoeld?

Ik heb nog nooit met frames gewerkt. Weet er wel iets over, vandaar dat ik ermee begonnen ben.
Tot het moment dat ik met die 2 bijkomende talen begonnen ben, was alles ook wel oke.

Mijn eerste (en enige online) site van mij, http://www.aromatheek.be, is zonder frames, en maakt gebruik van javascript voor de 'inspuiting' van de menu. Werkt wel, maar het leek me voor een kleine site (Aromatheek.be telt zo'n 60 pagina's) beter om met frames te doen...

Jep, I know, Aromatheek.be is geen grafisch hoogstandje, met de nieuwe wil ik iets mooier doen...

Terug ontoppic.

[ Voor 67% gewijzigd door Tweaker36 op 22-04-2008 20:49 ]

Acties:

Verwijderd

Tweaker36 schreef op dinsdag 22 april 2008 @ 20:43:
@ Weejewel: Idd, helemaal vergeten. Zal ik starks in mijn 2 globale stylesheets zetten!

@ Blackspot: Ik snap niet direct wat je bedoeld?

Dat frames nogal (uit | not done | liever niet gebruiken) zijn. Vooral met zoekmachines gaat dat problemen opleveren. Als je via google bv. op deze pagina uitkomt http://domein.be/nl/prijzen.html dan mis je het bovenste deel, dit kun je dan weer oplossen met een stukje JS maar erg geweldig zal het nooit worden.

Denk trouwens dat je even target="_parent" moet gebruiken en dat dan je probleem is opgelost.

Dus:

HTML:

    <td><table width="100%" border="0">
      <tr>
        <td><a href="index.html" target="_parent"><img src="Afbeeldingen/nl.png" alt="Nederlands" width="30" height="15" border="0" /></a></td>
      </tr>
      <tr>
        <td><a href="index-fr.html" target="_parent"><img src="Afbeeldingen/fr.png" alt="Français" width="30" height="15" border="0" /></a></td>
      </tr>
      <tr>
        <td><a href="index-eng.html" target="_parent"><img src="Afbeeldingen/eng.png" alt="English" width="30" height="15" border="0" /></a></td>
      </tr>
    </table></td>

[ Voor 53% gewijzigd door Verwijderd op 22-04-2008 20:54 ]

dinsdag 22 april 2008 20:54

Acties:

dinsdag 22 april 2008 20:57

Topicstarter

$_/-\o_$ BlackSpot $_/-\o_$

"_parent" i.p.v. "_self" lost het probleem op!

Ik dacht wel dat het ergens een kleinigheidje moest zijn

Erg bedankt man!

Als er nog iemand opmerkingen / tips / suggesties heeft, hoor ik dat graag.

Dat frames nogal (uit | not done | liever niet gebruiken) zijn. Vooral met zoekmachines gaat dat problemen opleveren. Als je via google bv. op deze pagina uitkomt http://domein.be/nl/prijzen.html dan mis je het bovenste deel, dit kun je dan weer oplossen met een stukje JS maar erg geweldig zal het nooit worden.

Ja, daar kan ik inkomen. Kan je me nog even helpen i.v.m. dat stukje js?
Ik heb wel al eens ergens iets van gehoord, maar waar ik dat moet zoeken, heb ik geen idee...

[ Voor 50% gewijzigd door Tweaker36 op 22-04-2008 20:57 ]

Acties:

Verwijderd

Snap je ook wat het verschil is tussen _self & _parent anders schiet je nog niets op?

[edit]
Sorry, ik ga je niet helpen om een half-gare oplossing te maken die je ook super makkelijk via google kunt vinden.

[ Voor 42% gewijzigd door Verwijderd op 22-04-2008 20:59 ]

dinsdag 22 april 2008 20:58

Acties:

dinsdag 22 april 2008 21:00

Topicstarter

Verwijderd schreef op dinsdag 22 april 2008 @ 20:57:
Snap je ook wat het verschil is tussen _self & _parent anders schiet je nog niets op?

Nee, eigenlijk niet.

Acties:

Verwijderd

Bron: http://www.handleidinghtml.nl/ (ook zo'n ouderwetse frames site

)

* TARGET="_top"
De URI wordt niet geopend in het frame waarin het aangeklikt wordt, maar in het hele venster van de browser.
* TARGET="_self"
De URI wordt altijd geladen in het frame waarin het aangeklikt is, ook als via het BASE element een andere vensternaam opgegeven is.
* TARGET="_parent"
De URI wordt geopend in de "parent" van het huidige frameset. Dat is het frameset van waaruit het huidige frameset is geopend. Juister gezegd: het huidige frameset wordt vervangen door het in de URI genoemde bestand. Indien er geen voorgaand frameset is, werkt deze naam als _self.
* TARGET="_blank"
De URI wordt altijd geopend in een nieuw venster van de browser.

Snapt u ?

dinsdag 22 april 2008 21:01

Acties:

webfreakz.nl

el-nul-zet-é-er

Lijkt me inderdaad een gevalletje stoomcursus handleidinghtml.nl nemen.

Verder kan je dat bovenste frame prima vervangen door een div met vaste positie, wat dan weer wel zoekmachine vriendelijk is.

"You smell that, son? What sir? Napalm, I love the smell of napalm in the mornin!" || Children of Bodom fan!

dinsdag 22 april 2008 21:20

Acties:

Verwijderd

Daarvoor kunt je oa. Server Side Includes (Wikipedia: Server Side Includes) of PHP / ASP / Insert Scripting taal gebruiken.

Of je kunt als je een iets minder gare oplossing wil gebruiken kijken naar iframes. gaat niet werken denk ik.

[ Voor 5% gewijzigd door Verwijderd op 22-04-2008 21:28 ]

dinsdag 22 april 2008 21:42

Acties:

woensdag 23 april 2008 09:47

Topicstarter

Verwijderd schreef op dinsdag 22 april 2008 @ 21:20:
Daarvoor kunt je oa. Server Side Includes (Wikipedia: Server Side Includes) of PHP / ASP / Insert Scripting taal gebruiken.

Ik zie dat er voor die Server Side Includes een mod nodig is bij Apache.
Werkt dat dan ook zonder meer bij je hostingsprovider?
(zie ik niet in het lijstje van de scripttalen staan bij mijn hoster)

Acties:

Yoozer

minimoog

Als je hoster PHP ondersteunt (dit is ook erg makkelijk te testen) is het heel eenvoudig opgelost met het volgende:

code:

1	<?php require_once("menu.php") ?>

In menu.php (of .js, of wat dan ook) zet je dan je Javascript code (of stylesheets, of wat je dan ook nodig hebt) neer, en dan hoef je alleen maar bovenstaande code op elke pagina te zetten.

Nog slimmer:

(include header)

inhoud pagina

(include footer)

Nog slimmer dan dat:

Tweaker36 schreef op dinsdag 22 april 2008 @ 21:08:
Of mis ik iets?

Ooit eens van een CMS gehoord?

Zo min mogelijk dingen dubbel gaan schrijven, niet het wiel opnieuw uitvinden, en gauw weg met die frames

[ Voor 17% gewijzigd door Yoozer op 23-04-2008 09:48 ]

teveel zooi, te weinig tijd

woensdag 23 april 2008 10:13

Acties:

koekiemonster

want a cookie

Javascript includes zijn ook gewoon mogelijk hoor. Server side scripting is dus niet benodigd.

[webhero.nl]

woensdag 23 april 2008 10:21

Acties:

Verwijderd

koekiemonster schreef op woensdag 23 april 2008 @ 10:13:
Javascript includes zijn ook gewoon mogelijk hoor. Server side scripting is dus niet benodigd.

Waardoor je weer problemen met zoekmachines krijgt en het ook niet werkt als javascript uitstaat.

woensdag 23 april 2008 13:07

Acties:

left part of the evil twins

Tweaker36 schreef op dinsdag 22 april 2008 @ 20:43:
Ik heb nog nooit met frames gewerkt.

Houden zo, je hoort ze in de 21e eeuw ook niet meer te gebruiken.

woensdag 23 april 2008 13:16

Acties:

woensdag 23 april 2008 13:51

Topicstarter

Goed, zal ik het eens met behulp van PHP proberen.

Van een CMS heb ik wel al gehoord (en geïnstalleerd: Joomla en Drupal), maar ik gebruik het doelbewust niet.
Ik maak het liever zelf. (ook al komt dat niet altijd even goed

)

Javascript includes kunnen idd, maar dan ben je weer niet zoekmachine-vriendelijk.
Zo is het bij mijn eerste site, had ik al gezegd overigens...

Geen frames meer dus...

[ Voor 7% gewijzigd door Tweaker36 op 23-04-2008 13:17 ]

Acties:

Yoozer

minimoog

Tweaker36 schreef op woensdag 23 april 2008 @ 13:16:
Van een CMS heb ik wel al gehoord (en geïnstalleerd: Joomla en Drupal), maar ik gebruik het doelbewust niet.

Dan moet je een hogere uurprijs vragen als je het aantal uren op je factuur niet ingevuld krijgt. Iets als Joomla is vrij snel overkill, maar daar is Drupal voor.

Ik maak het liever zelf.

Je bent sneller klaar als je leert om zo'n CMS aan te passen aan je wensen. Misschien niet de eerste keer, maar daar is zelfstudie voor. Je verkoopt jezelf ook makkelijker als aanpassingen achteraf niet betekenen dat je alles moet schrappen en opnieuw moet doen.

Mogelijke (foute) manieren van denken:

- maar dan is het niet van mezelf
Dat is het sowieso niet, want je maakt het voor een opdrachtgever.

- maar dan doe ik geen echt werk
Ttuurlijk wel, alleen bespaar je jezelf het rauwe code inkloppen en het (vierkante) wiel opnieuw uitvinden.

- maar daar leer ik niks van
Van frames in 2008 gebruiken ook niet, want dat wil zeggen dat je literatuur of je sites waar je je kennis van af haalt hopeloos verouderd zijn, of je hebt in de tussentijd er niks bij geleerd. Verder vormt het leren van het uitbreiden van zo'n bestaand systeem een veel grotere uitdaging dan copy-pasten van allerhande code. Probeer die Javascript voor zo'n menu maar eens zelf te schrijven in plaats van over te nemen van Dynamic Drive

.

teveel zooi, te weinig tijd

woensdag 23 april 2008 14:45

Acties:

woensdag 23 april 2008 15:18

Topicstarter

En CMS ja... da's voor later wel eens, momenteel hoef ik geen facturen te schrijven, maken mijn uren niet veel uit.
Ik ben het aan 't leren en oefenen. En voorlopig doe 'k het zonder.

Een goeie manier, via php. Nu is juist het enige visuele verschil dat de top (gegevens + navigatie) meescrollen.

Op één of andere simpele manier moet je dat wel kunnen 'blocken', maar kan iemand even zeggen hoe?
Dat moet niet met een z-index, veronderstel ik?

Nu is het dus met: <?php require_once("top.php") ?>

Dynamic Drive is idd één van mijn geliefde bronnen...

[ Voor 5% gewijzigd door Tweaker36 op 23-04-2008 14:58 ]

Acties:

Yoozer

minimoog

Je zou position:fixed; kunnen overwegen.

teveel zooi, te weinig tijd

woensdag 23 april 2008 16:44

Acties:

left part of the evil twins

Position:fixed werkt helaas niet in IE6, anders zou het een sublieme oplossing zijn.

Meer portable is om je content-div te voorzien van overflow:auto, dan krijgt ie scrollbars bij te grote content. In bepaalde gevallen kun je ook kiezen voor JS oplossingen om je navigatie in view te houden, maar daar moet je design wel goed op voorbereid zijn.

woensdag 23 april 2008 18:47

Acties:

woensdag 23 april 2008 18:54

Topicstarter

Position:fixed is niet erg aantrekkelijk, vanwege de slechte ondersteuning in IE6...
(en daar surfen nu eenmaal nog veel mensen mee)

Je content div van overflow voorzien, kan idd wel, maar dan moet je er een vaste grootte voor opgeven,
niet? Bij mij hier nu, is de grootte echter steeds veranderend, afhankelijk van de gebruikte schermresolutie...
Kortom, ik krijg het niet direct goed.

Via javascript: ben je dan ook niet je voordeel van zoekmachine-vriendelijkheid kwijt?
En hoe moet dat dan?

Acties:

Sebazzz

3dp

Ik zou de support van IE6 niet zo ver laten gaan

Als het er niet goed uit ziet, lekker laten zitten, zolang de site maar bruikbaar is.
Tenzij je opdrachtgever expliciet wilt dat het in IE6 moet werken.

Is het geen huiswerk

[Te koop: 3D printers] [Website] Agile tools: [Return: retrospectives] [Pokertime: planning poker]

woensdag 23 april 2008 19:09

Acties:

donderdag 24 april 2008 02:26

Topicstarter

Sebazzz schreef op woensdag 23 april 2008 @ 18:54:
Ik zou de support van IE6 niet zo ver laten gaan
Als het er niet goed uit ziet, lekker laten zitten, zolang de site maar bruikbaar is.
Tenzij je opdrachtgever expliciet wilt dat het in IE6 moet werken.

Is het geen huiswerk

Mijn 'opdrachtgever'... Het is voor een kennis dat ik het maak.

Geen huiswerk dus.

Ontopic:
Als ik naar de stats van mijn andere site kijk, zie ik dat 75% van de bezoekers IE gebruikt. Van al die IE gebruikers is er 35% IE6, en toch al 65% IE7. Dus toch nog een relatief groot aantal IE6 gebruikers...
[ FF doet het met 20% een stuk slechter.

Site is al met een PSP bezocht

]

Wat ik net ook merk, is dat mijn achtergrond afbeelding bij het scrollen een beetje op en neer gaat, niet goed wetend waar ie juist moet staan, zo lijkt het...
Dat was ervoor niet het geval...

[ Voor 29% gewijzigd door Tweaker36 op 30-04-2008 17:44 ]

Acties:

left part of the evil twins

Tweaker36 schreef op woensdag 23 april 2008 @ 18:47:
Position:fixed is niet erg aantrekkelijk, vanwege de slechte ondersteuning in IE6...
(en daar surfen nu eenmaal nog veel mensen mee)

Je kunt stomweg middels een IE6-specific stylesheet de rendering in IE6 anders laten gaan (heb ik recent nog bij een site gedaan)

Je content div van overflow voorzien, kan idd wel, maar dan moet je er een vaste grootte voor opgeven,
niet? Bij mij hier nu, is de grootte echter steeds veranderend, afhankelijk van de gebruikte schermresolutie...

Het klopt inderdaad dat je de grootte moet instellen van de container, anders geldt het adagium 'if it doesn't fit, stretch it'. Je kunt dit tot op zekere hoogte ondervangen met procentuele formaten.

Via javascript: ben je dan ook niet je voordeel van zoekmachine-vriendelijkheid kwijt?
En hoe moet dat dan?

Ik heb het dan enkel over positionering, oftewel Javascript enkel gebruikend als icing on the cake, dus geen invloed op SEO. Ik heb er wel ergens een demo van, maar da's een unreleased site dus mag ik niet linken van de klant in kwestie

Het kan overigens middels wat hackwerk ook in IE6.

donderdag 24 april 2008 16:13

Acties:

Sebazzz

3dp

curry684 schreef op donderdag 24 april 2008 @ 02:26:
[...]

Je kunt stomweg middels een IE6-specific stylesheet de rendering in IE6 anders laten gaan (heb ik recent nog bij een site gedaan)

Yup. Conditional comments FTW.

HTML:

<!--[if !IE]>
IE
[endif]>-->
<!--[if !IE]>-->
Geen IE (dit wordt dus niet gerenderd in IE, wel in non-IE browsers, soms ook handig :p
<!--[endif]>-->

[ Voor 3% gewijzigd door Sebazzz op 24-04-2008 16:13 ]

[Te koop: 3D printers] [Website] Agile tools: [Return: retrospectives] [Pokertime: planning poker]

donderdag 24 april 2008 18:07

Acties:

left part of the evil twins

Nou voor HTML vind ik het niet echt gepast, ik bedoelde meer een IE6-specific stylesheet eroverheen pluggen

donderdag 24 april 2008 20:35

Acties:

donderdag 24 april 2008 20:52

Topicstarter

Ik zal het dan via position:fixed proberen. Met een fix voor IE6.
Dit weekend eens tijd voor maken.

Probleem is dat ik geen pc heb met IE6, en ik het dus niet proberen kan...

Acties:

Verwijderd

Je kunt IE6 vast wel ergens standalone googlen. eventueel kun je ook nog gebruik maken van virtual PC icm XP.

donderdag 24 april 2008 21:23

Acties:

left part of the evil twins

Sterker nog, Microsoft biedt gratis Virtual PC images aan met pre-activated en timebombed XP/Vista installs met IE6, 7 of 8 naar keuze.

maandag 28 april 2008 21:01

Acties:

dinsdag 29 april 2008 08:37

Topicstarter

Ik heb dit weekend en vandaag wat tijd gehad om ermee te proberen, maar het is me niet gelukt...

Ik heb de 2 gegeven oplossingen voor position:fixed geprobeerd, maar het komt niet goed.
Soms krijg ik dan wel de top bovenaan gefixed, maar dan loopt de 'main-content' er nog gewoon over.
En anders lukt het me gewoon niet...

Acties:

MrDummy

Nog steeds gek op anime...

Waar komen de frames vandaan?
Van vroeger. Toen was er nog weinig dynamische sites en javascript was nog niet ver ontwikkeld.
Om te voorkomen dat er teveel delen meeveranderen bij klikken hou men b.v. menu en kop buiten de deur door ze in eigen frame te zetten.
Dat maakt wat makkelijker. Het scheelt dan ook HTML bouwen van pages omdat HTML menu page apart staat.

Tegenwoordig kunnen we ze includen. Met aparte template files, maar toch worden ze samengevoegd in 1 pagina. Dat bespaart dubbel maken van delen die er al zijn.

Daarbij kunnen we via xmlhttprequest delen makkelijk dynamisch bijwerken. Met DIV kunnen we delen verborgen maken en zichtbaar maken.

Hierdoor zijn de frames niet meer nodig door al die moderne dingen. Sterker nog, ze worden nu afgeraden omdat zoekmachine robots nog steeds slecht omgaan met frames. Ze kunnen alleen per pagina bekijken.

In moderne dingen zit wel 1 ding: iframes. Dat is nog beetje gesmokkeld van frames, omdat hier nog steeds aparte pagina getoond wordt, maar wel gemoderniseerd zodat het midden in de pagina kan. Gebruik iframes ook niet teveel.

dinsdag 29 april 2008 09:51

Acties:

left part of the evil twins

iframes worden in XHTML sowieso alleen ondersteund in 1.0 Transitional - in Strict en XHTML 1.1 zijn ze afwezig. In HTML 4.01 zijn ze wel ook in Strict nog toegestaan.

In de praktijk moet je sowieso alleen HTML 4.01 Strict of XHTML 1.0 Transitional gebruiken voor het gros van de websites, afhankelijk van hoe je aan je content komt.

woensdag 30 april 2008 17:35

Acties: