login  Naam:   Wachtwoord: 
Registreer je!
 Forum

popup maken zonder "kader"

Offline oldsko0l - 02/06/2007 20:48
Avatar van oldsko0lNieuw lid Hej,
ik wil op mijn site een popup maken zonder kader.
Moet ik hiervoor flash gebruiken of gaat het ook anders.
een voorbeeldje -->
http://users.telenet.be/oldsko0l/popup.JPG

14 antwoorden

Gesponsorde links
Offline JBke - 02/06/2007 20:59 (laatste wijziging 02/06/2007 20:59)
Avatar van JBke PHP gevorderde ga hier eens zien: http://www.dhtmlgoodies.com

Ik gebruik daar een soort tooltip venster voor met een image waar ik de popup context inzet. Je kan zelfs een hele externe html of php pagina inladen in zo een venster, kan popup alert of tooltip zijn.

Je kan ook gewoon waardes toevoegen aan je javascript:

http://www.javascriptkit.com/jsref/window.shtml
Offline Rik - 02/06/2007 21:01
Avatar van Rik Gouden medailleGouden medaille

Crew algemeen
Bedoel je met een kader een browser scherm?

Anders kan dat simpel met javascript:
  1. <script>
  2. function popup() {
  3. document.getElementById('popup').style.display = 'block';
  4. }
  5. function verberg() {
  6. document.getElementById('popup').style.display = 'none';
  7. }
  8. </script>
  9. <input type="button" onclick="popup()" value="Popup!">
  10. <div id="popup" style="display: none; border: 1px solid black; position: absolute; top: 50%; left: 50%">Dit is de popup<input type="button" onclick="verberg()" value="Verberg deze popup!"</div>
Offline oldsko0l - 02/06/2007 23:35 (laatste wijziging 02/06/2007 23:53)
Avatar van oldsko0l Nieuw lid Bedankt voor de reacties
Wat ik wil is inderdaad een popup zonder kader van een browserscherm!

Eigenlijk wil ik de popup een achtergrond geven dat ik ga maken met photoshop (mijn eigen kader maken dus) zoals je dus eigenlijk kan zien op de screenshot dat ik in mijn 1ste post gezet heb

Ik zal de links & het scriptje eens checken.

Als iemand nog andere of beter ideeen hiervoor heeft post het aub 

Edit:
Boukefalos -> ik heb je scriptje eens getest & ik denk dat dit is wat ik nodig heb. Kan ik dit doen met dit scriptje :

Ik wil dus een kadertje maken zoals in de link die ik hieronderzet.
(heb ik snel effe met paint gemaakt )
Dus de popupachtergrond is een foto gemaakt met photoshop,
die is dan gesliced zodat als je op het kruisje vanboven drukt, dat de popup sluit. In de popup staat wat tekst & een fototje (en ik wil dit kunnen indelen met css divisions.

http://users.telenet.be/oldsko0l/popup2.JPG
Offline vinTage - 02/06/2007 23:48
Avatar van vinTage Nieuw lid hover over de eerste link

Verder kan je close buttons etc maken via de manual, dit is echt super simpel want zelfs ik kwam daar uit binnen de 2 minuten voor een klusje 
Offline oldsko0l - 02/06/2007 23:52
Avatar van oldsko0l Nieuw lid kijk ook even naar m'n edit 
& Vintage ik zal je link eens bezien
Offline vinTage - 02/06/2007 23:56 (laatste wijziging 03/06/2007 00:06)
Avatar van vinTage Nieuw lid Dat kruisje erboven zal niet lukken met overlib, ook ben ik niet zeker of je fotos in de "popup" kan gebruiken.
Zal eens even testen, (word geupdate)

edit: images gaan niet 
Offline oldsko0l - 03/06/2007 00:00
Avatar van oldsko0l Nieuw lid Ik heb de link ook bekeken & ik denk inderdaad dat dit (net) niet is wat ik zoek. nochtans wel een mooie tool zo te zien.

Ik zou toch echt wel iets willen maken zoals ik het uitgelegd heb een paar posts terug.

& het is mogelijk want op techzine is het zo (zoals je zit op de screenshot in de eerste post)
Offline citroen - 03/06/2007 00:36 (laatste wijziging 03/06/2007 02:06)
Avatar van citroen Onbekend custom photoBox? 

Voor de duidelijkheid: http://www.site...mp;id=2424
Offline oldsko0l - 03/06/2007 10:38 (laatste wijziging 03/06/2007 19:18)
Avatar van oldsko0l Nieuw lid Ja dit is helemaal wat ik bedoel!
Het gaat bij mij trouwens ook dienen om foto's in een popup kadertje te tonen & te vergroten.
Maar euh, hoe maak ik dit?

Edit, oke ik moet nu eerst een site voor de winkel van m'n ouders afmaken & daarna heb ik tijd voor m'n eigen site. Dan verdiep ik me er wel eens in.
Citroen, dit is dus een beta versie van jou? breng je er nog verandering in of niet?
Offline citroen - 03/06/2007 19:28
Avatar van citroen Onbekend ik heb vandaag nog de mogelijkheid tot frames toegevoegd. Wat er op neer komt dat je nu ook html pagina's in de photoBox kan laden.
Offline oldsko0l - 03/06/2007 20:07
Avatar van oldsko0l Nieuw lid Ik las bij de reacties ook nog iets over preloaded, word dat alles ook preloaded of niet?
Is dat eigenlijk wel mogelijk (ik ken er niet zoveel van )?
Offline mebus - 03/06/2007 20:10 (laatste wijziging 03/06/2007 20:11)
Avatar van mebus Nieuw lid Je kan makkelijk een hele website preloaden... Gewoon een div met positie absolute mee geven achtergrond kleur wit hoogte en breedte 100% en dan dit:

  1. window.onload =function() {
  2.  
  3. // verberg div...
  4.  
  5. }
Offline citroen - 03/06/2007 21:00
Avatar van citroen Onbekend ik wil niet alles preloaden want dat zou de pagina te lang laten laden. wat mensen een beetje afschrikt. Maar de afbeeldingen voor de 4 afgeronden hoeken. De afbeelding bij het laden en de previous, next en close knop was ik toch van plan te preloaden. Zodat er geen gekke dingen meer verspringen als de photoBox geopend wordt.
Offline oldsko0l - 03/06/2007 22:22
Avatar van oldsko0l Nieuw lid ahja dat is wel waar.
In orde,
veel succes nog!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.196s