DreamWeaver CS3 (opgelost)
30 maart 2010 - 10:24   
geplaatst door: Shoshana
Hoi,

Ik maak al jarenlang af en toe een eenvoudige website in Dreamweaver. Helaas is er altijd wel iets dat niet helemaal werkt en waarvoor ik dan hulp nodig heb. Frustrerend. Ik bedoel, ik heb gisteren de simpelste website aller tijden gemaakt: 2 frames (boven en onder). In het bovenste frame een navigation bar met 5 knoppen. De knoppen linken naar html pagina's die als target het onderste frame hebben. Waarom openen ze dan in een nieuw venster? Het lijkt wel of het bovenste frame niet weet dat het onderste frame bestaat.

Ook zou ik willen dat wanneer men op een kleine foto klikt, de vergroting in een klein venster verschijnt (zoals vaak het geval is met productfoto's), hoe kan ik dit definiëren in Dreamweaver? Ik gebruik de Engelse versie. Maar ik weet niet waar ik dit zou moeten vinden in de help.

Bij voorbaat dank!

Suzan

(Bewerkt door Shoshana om 9:03, 1-04-2010)

DreamWeaver CS3 (opgelost)
30 maart 2010 - 11:43    reactie #1
geplaatst door: Doggie
Suzan, welke op de eerste plaats op dit forum!
Ten tweede, OnTopic!
Om even duidelijk te hebben over wat voor frames het gaat:
Is het een iFrame? ( :shocked: )
En wat je met zo'n klein voorbeeld midden in het scherm bedoelt, dat wordt vaak gedaan met LightBox, dat is erg gemakkelijk te implementeren, paar bestandjes (als je even ernaar googled dan ben je er zo) en daar staat ook uitleg hoe je dan in je <img /> tag de name moet zetten enzo (weet ook niet meer precies hoe het ging maar de site legt je alles uit)
Hopelijk kun je hier mee verder! :thumbs-up:
iMac 20'', 2.66GHz Intel Core 2 Duo, 2gb: Luna; MacBookPro 13", 2,3-GHz i5, 4gb: Luminita; MacBook 13'', 2.16GHz Intel Core 2 Duo, 2gb: TaraII; iPod 8gig: dPod; iPhone 3GS 32gig white: Solaris; iPad 16gig: Helia
DreamWeaver CS3 (opgelost)
30 maart 2010 - 12:01    reactie #2
geplaatst door: Shoshana
Dank!

Geen idee wat voor frames het zijn, gewoon de frames die Dreamweaver maakt.

Dit is de site in kwestie:

www.piggelmeehollum.nl

Lightbox ga ik naar googelen!

Groeten!

DreamWeaver CS3 (opgelost)
30 maart 2010 - 12:11    reactie #3
geplaatst door: Doggie
Ik heb het gevonden wat het probleem is denk ik!
In jouwn code staat  id="main"
Dit bestaat niet in een <frame>, wat jij wilt is een name="" geven, dus als je de ID's door name vervangt, dan moet het gaan werken :thumbs-up:
Hij doet het trouwens wel goed in Chrome, FYI ;)

Dit gaat trouwens over het

frame tag gedeelte op de index.html pagina!

edit: wat extra info toegevoegd

(Bewerkt door Doggie om 12:13, 30-03-2010)

iMac 20'', 2.66GHz Intel Core 2 Duo, 2gb: Luna; MacBookPro 13", 2,3-GHz i5, 4gb: Luminita; MacBook 13'', 2.16GHz Intel Core 2 Duo, 2gb: TaraII; iPod 8gig: dPod; iPhone 3GS 32gig white: Solaris; iPad 16gig: Helia
DreamWeaver CS3 (opgelost)
30 maart 2010 - 12:59    reactie #4
geplaatst door: Shoshana
Chrome? Ik gebruik Firefox, en heb Explorer en Netscape.

Ik heb gedaan wat je zei. id= vervangen door name=, maar nu werkt het helemaal niet meer...

DreamWeaver CS3 (opgelost)
30 maart 2010 - 13:01    reactie #5
geplaatst door: Doggie
Ja ik teste het toevallig in Chrome en daar deed ie het wel in.
Hmm, volgens W3C moet je de Frame een name="" geven.. Misschien om het een id="" én een name="" te geven? Zelfde waardes.
(Ken eigenlijk niemand die frames gebruikt dus kan ook niet zo snel ff heen en weer mailen! Sorry!)
iMac 20'', 2.66GHz Intel Core 2 Duo, 2gb: Luna; MacBookPro 13", 2,3-GHz i5, 4gb: Luminita; MacBook 13'', 2.16GHz Intel Core 2 Duo, 2gb: TaraII; iPod 8gig: dPod; iPhone 3GS 32gig white: Solaris; iPad 16gig: Helia
DreamWeaver CS3 (opgelost)
30 maart 2010 - 13:14    reactie #6
geplaatst door: Shoshana
shit lightbox werkt ook niet. ik weet niet wat het is. het moet toch niet moeilijk zijn om zo'n eenvoudige website met 5 knoppen werken te krijgen...
DreamWeaver CS3 (opgelost)
30 maart 2010 - 13:17    reactie #7
geplaatst door: Doggie
Hmm ja, HTML en LightBox is altijd wel een gedoe!
Heb je netjes alle bestanden geinclude (script type=javascript) enzo?
De images ook die tag gegeven die LightBox vertelt?

Een website in mekaar zetten is niet moeilijk, alleen als je eisen hebt is dat lastig om te vervullen. :shutup:

(Bewerkt door Doggie om 13:18, 30-03-2010)

iMac 20'', 2.66GHz Intel Core 2 Duo, 2gb: Luna; MacBookPro 13", 2,3-GHz i5, 4gb: Luminita; MacBook 13'', 2.16GHz Intel Core 2 Duo, 2gb: TaraII; iPod 8gig: dPod; iPhone 3GS 32gig white: Solaris; iPad 16gig: Helia
DreamWeaver CS3 (opgelost)
30 maart 2010 - 13:52    reactie #8
geplaatst door: jkolkman
De verwijzing naar het lightbox  javascript <script type="text/javascript" src="lightbox.js"></script> staat in top.html ipv het_huis.html
succes!

Joost

DreamWeaver CS3 (opgelost)
30 maart 2010 - 13:54    reactie #9
geplaatst door: Shoshana
Nou ja, eisen... goed dat van die lightbox mag dan een beetje speciaal zijn, maar dat je pagina's niet in het frame verschijnen dat is toch echt een fout van DreamWeaver lijkt me...
DreamWeaver CS3 (opgelost)
30 maart 2010 - 14:01    reactie #10
geplaatst door: Shoshana

Citaat
jkolkman om 13:52, 30-03-2010
De verwijzing naar het lightbox  javascript <script type="text/javascript" src="lightbox.js"></script> staat in top.html ipv het_huis.html
succes!

Joost

Ha, dank, we komen in de buurt. Ik heb het nu alleen nog gedaan met het eerste kleine fotootje, om het te testen. Maar de grote foto verschijnt nu in het onderste frame. In plaats van in een eigen venstertje.

Dat is de plek waar ik wil dat de pagina's komen waar de knoppen naartoe linken....

aaargh!!

DreamWeaver CS3 (opgelost)
30 maart 2010 - 16:53    reactie #11
geplaatst door: H A N S
Heb je wel een 'target' aangegeven?
De default is 'blank' dus een verse pagina, jij wilt graag 'frame naam' hebben denk ik (in NL versie is target "doel" onderin je venster eigenschappen)

1) Selecteer de te linken tekst.
2) geef aan waar naartoe gelinkt moet worden (bijv. d.m.v. het venster eigenschappen en de 'point to file' optie)
3) selecteer in het eigenschappenvenster de naam van het frame waar je de link in wilt laten openen. Deze staat onder de opties; _blank, _parrent en _self.

Je moet daarvoor natuurlijk wel een naam (id) aan je frame hebben gegeven

________________________________________________________________
3 maart '10, Wat een rampzalig trieste dag, rechts extremisme neemt twee steden over...
DreamWeaver CS3 (opgelost)
30 maart 2010 - 17:13    reactie #12
geplaatst door: Shoshana
Yep heb ik allemaal gedaan. Maar als ik alleen het bovenste frame open, staat 'bottomFrame' er niet bij in het menu van de targets.
DreamWeaver CS3 (opgelost)
30 maart 2010 - 19:25    reactie #13
geplaatst door: jkolkman
nu alleen nog je lightbox.js op de goede plek op de server zetten....
http://www.piggelmeehollum.nl/lightbox.js
geeft een 'not found' error...

succes, Joost

DreamWeaver CS3 (opgelost)
30 maart 2010 - 20:06    reactie #14
geplaatst door: Shoshana
Nou ik heb er eentje gedownload en eropgezet. Doet 't helaas nog steeds niet. Hier word ik nou zo moe van...
DreamWeaver CS3 (opgelost)
31 maart 2010 - 10:47    reactie #15
geplaatst door: H A N S
Sorry ik had begrepen dat het om de navigatiebalk ging die naar het bottomframe moest gaan linken.
De foto's staan al in het bottomframe dus daar staat het target dus niet bij. Je kunt dus nog een frame maken voor de thumbs of, beter, je neemt de volgende oplossing:

Je link op bijvoorbeeld het tweede foto'tje rechtsboven ziet er nu zo uit in html:

<a href="fotos/groot/buiten2.jpg" target="_blank">
<img src="fotos/klein/buiten2_s.jpg" border="0" height="139" width="185"></a>

Deze laat de foto openen in een nieuw scherm

Pas de link als volgt aan:

<a href="#" onclick="window.open ('fotos/groot/buiten2.jpg','1','toolbar=no,width=665,height=475,screenX=10,screenY=10,left=10,top=10,
status=no,scrollbars=yes,resizable=yes,menubar=no');return false">
<img src="fotos/klein/buiten2_s.jpg"></a>

En nu opent de foto in een nieuw klein venster.
Zo moet je voor elke foto dit in script even de linkjes aanpassen zodat de juiste foto getoond wordt.
Je kunt het venster ook in het midden van je scherm laten openen (of om het even waar) daarvoor moet je de waarden: "screenX=10,screenY=10,left=10,top=10" aanpassen (even proefondervindelijk uittesten wat wat doet)
De waarden: "width=665,height=475" bepalen de grootte van het scherm dat geopend wordt, deze kun je dus ook naar hartenlust aanpassen.
De opties over scrollbar e.d. lijken me voor zich spreken.

Succes

(Bewerkt door H A N S om 10:50, 31-03-2010)

________________________________________________________________
3 maart '10, Wat een rampzalig trieste dag, rechts extremisme neemt twee steden over...
DreamWeaver CS3 (opgelost)
31 maart 2010 - 11:26    reactie #16
geplaatst door: Shoshana
Ja er zijn inderdaad 2 problemen.

1. Links van navigatiebalk moeten inderdaad in onderste frame komen en dat doen ze nog steeds niet!!! m.i. is dat een fout van Dreamweaver???

2. Grote foto's moeten in venstertje openen. Heb ik met lightbox.js geprobeerd, werkt niet, ga nu jouw suggestie proberen. Werkt ook niet. Dat is nou precies waarom ik liever drukwerk ontwerp. Bij websites is het altijd zo lastig om het aan de praat te krijgen grrr. Preview in browser werkt ook al niet meer. Bah.

(Bewerkt door Shoshana om 11:28, 31-03-2010)

DreamWeaver CS3 (opgelost)
31 maart 2010 - 15:42    reactie #17
geplaatst door: ettepet

Citaat
Shoshana om 11:26, 31-03-2010
m.i. is dat een fout van Dreamweaver???

Neuh... is helaas fout van programmeur.
Maar die linkjes in je navigatie openen toch in het onderste frame!?

Je openen in venster lukt niet, denk ik, omdat je een enter achter "top=10," hebt staan.

Dit moet 1 aaneengesloten regel zijn:


window.open ('fotos/groot/buiten2.jpg','1','toolbar=no,width=600,height=450,screenX=10,screenY=10,left=10,top=10,status=no,scrollbars=no,resizable=no,menubar=no');return false;

En graag achter return false een puntkomma zetten.


[edit]
Ik zou trouwens al die MM_ javascript weghalen. Voegt allemaal nix toe.
Tenzij je wisselende plaatjes wilt gebruiken bij een mouse-over ofzo.
Maar dat kun je beter via CSS oplossen.... :cool:
[/edit]

(Bewerkt door ettepet om 15:49, 31-03-2010)

DreamWeaver CS3 (opgelost)
31 maart 2010 - 15:49    reactie #18
geplaatst door: jkolkman
volgens mij hoort in het juiste frame ook nog:
<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />
en dan ook nog het css bestand lightbox.css op de goede plek zetten.

succes, Joost

DreamWeaver CS3 (opgelost)
31 maart 2010 - 20:49    reactie #19
geplaatst door: H A N S
Je moet inderdaad wel de regel even aanpassen tot een aaneengesloten script.
Ik heb die enter na het plaatsen van mijn bericht er tussen gezet omdat anders iedereen horizontaal moet gaan scrollen in dit topic...
Het script werkt verder prima, ik heb het namelijk zelfs nog even getest voordat ik het postte. Als er iets niet werkt dan doe je dus iets niet goed

En, sorry dat ik het zeg maar: Ik vind het een beetje vreemd om iets koppig te blijven wijten aan de programmatuur terwijl je zelf klaarblijkelijk niet in staat bent om iets verder te experimenteren dan wat er aan hapklare brokken te vinden is. Zo ga je inderdaad nooit leren om een website te maken.

De links vanuit de knoppenbalk werken inderdaad gewoon zoals het zou moeten, in Safari en in Firefox.
Dus wat is daar dan het probleem mee?

________________________________________________________________
3 maart '10, Wat een rampzalig trieste dag, rechts extremisme neemt twee steden over...
DreamWeaver CS3 (opgelost)
31 maart 2010 - 22:19    reactie #20
geplaatst door: Doggie
@Shoshana de site doet 't hiero op me iMac in FF!
Alles opgelost dus?
Moet je alleen nog ff de grootte van de pagina die geopend wordt aanpassen.
Dan kun je dit draadje op (Opgelost) zetten :cool:

Edit: Typo :blush:

(Bewerkt door Doggie om 8:59, 1-04-2010)

iMac 20'', 2.66GHz Intel Core 2 Duo, 2gb: Luna; MacBookPro 13", 2,3-GHz i5, 4gb: Luminita; MacBook 13'', 2.16GHz Intel Core 2 Duo, 2gb: TaraII; iPod 8gig: dPod; iPhone 3GS 32gig white: Solaris; iPad 16gig: Helia
DreamWeaver CS3 (opgelost)
1 april 2010 - 01:14    reactie #21
geplaatst door: Fix
In Safari openen de foto's gewoon in grote pagina.
Het formaat is dus niet, net zoals in FireFox, even groot als de afbeelding.
DreamWeaver CS3 (opgelost)
1 april 2010 - 08:54    reactie #22
geplaatst door: Shoshana
zelfs dat lukt me niet...

Citaat
Dan kun je dit draadje op (Opgelost) zetten :cool:
DreamWeaver CS3 (opgelost)
1 april 2010 - 09:00    reactie #23
geplaatst door: Doggie
Gewoon je eerste bericht Bewerken :smile:
Was voor mij de eerste keer ook even zoeken!
iMac 20'', 2.66GHz Intel Core 2 Duo, 2gb: Luna; MacBookPro 13", 2,3-GHz i5, 4gb: Luminita; MacBook 13'', 2.16GHz Intel Core 2 Duo, 2gb: TaraII; iPod 8gig: dPod; iPhone 3GS 32gig white: Solaris; iPad 16gig: Helia
DreamWeaver CS3 (opgelost)
1 april 2010 - 09:01    reactie #24
geplaatst door: Shoshana
Ben ik het dus niet mee eens. Ik vind dat de navigatiebalk in DreamWeaver gewoon naar behoren dient te werken zonder dat ik nog een dag nodig heb om uit te vinden waarom die verrekte pagina's niet in dat onderste frame verschijnen. Goed, dat van die pop-up vensters voor de foto-vergrotingen is blijkbaar iets speciaals. Maar dat andere moet gewoon werken. Ik had echt 'target' juist aangegeven en zo.

Eenvoudige websites wil ik gewoon zelf kunnen maken. Complexere websites (CMS etc.) doe ik samen met een technicus, maar dan moet de klant daar dus wel budget voor hebben. Kleine klusjes en vrijwillige klusjes wil ik zelf kunnen klaren. Maar zelfs bij de simpelste site is er altijd iets dat niet werkt! Ik heb geen tijd om daar eeuwig mee te klooien. Ik maak liever drukwerk, dan weet ik wat ik doe en hoe het eruit komt te zien. Zo'n website ziet er in alle browsers en op alle beeldschermen en met alle instellingen ook nog eens verschillend uit.

Citaat
En, sorry dat ik het zeg maar: Ik vind het een beetje vreemd om iets koppig te blijven wijten aan de programmatuur terwijl je zelf klaarblijkelijk niet in staat bent om iets verder te experimenteren dan wat er aan hapklare brokken te vinden is. Zo ga je inderdaad nooit leren om een website te maken.