Pop up windows

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
grjava
Δημοσιεύσεις: 387
Εγγραφή: 13 Μαρ 2002 01:00
Τοποθεσία: athens
Επικοινωνία:

Pop up windows

Δημοσίευση από grjava » 06 Ιούλ 2002 03:27

eufonia έγραψε:Kalispera se olous.
Tha ithela na kanw mia erwtisi : Yparxei kapoio script me to opoio na anoigei ena pop-up window kathorismenwn diastasewn, to opoio na periexei oti thelo, otan mpainw se mia selida?
Sas euxaristw ek twn proterwn gia tin voithia sas.
eufonia
<<!--1o BHMA. Τοποθέτησε τον παρακάτω κώδικα κάτω από το HEAD της σελίδας σου -->>

Κώδικας: Επιλογή όλων

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function popUp&#40;URL&#41; &#123;
day = new Date&#40;&#41;;
id = day.getTime&#40;&#41;;
eval&#40;"page" + id + " = window.open&#40;URL, '" + id + "', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=0, width=400, height=400, left = 312, top = 184'&#41;;"&#41;;
&#125;
// End -->
</script>

<<!-- 2ο ΒΗΜΑ: Τοποθέτησε τον παρακάτω κώδικα στο BODY της σελίδας σου -->>

Κώδικας: Επιλογή όλων

<BODY onLoad="javascript&#58;popUp&#40;'http&#58;//www.yourpage.gr'&#41;">
τις διαστάσεις τις διαμορφώνεις όπως θέλεις εσύ στο width=400, height=400,
στον κώδικα που μπαίνει στο body πρέπει να δώσεις το URL της σελίδας που θα ανοίγει σε νέο παράθυρο ="javascript:popUp('http://www.yourpage.gr')">
Αν θέλεις το νέο παράθυρο να έχει srollbars , toolbars κλπ δώσε όπου θέλεις τιμή = 1 αντί για 0.
Μετά τις διαστάσεις μπορείς να δώσεις τις συντεταγμένες για το που θέλεις να εμφανίζετε το νέο παράθυρο left = 312, top = 184'

Αν θέλεις στην νέα μου σελίδα (είναι υπό κατασκευή ακόμα) υπάρχει ένας wizard όπου μπορείς να φειάξεις το δικό σου popwindow σύμφωνα με τις προτιμήσεις σου. Πήγαινε : http://www.grjava.com/scripts/dia.htm και πάτησε το Link |Makepopup|.

Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

Pop up windows

Δημοσίευση από EneMe » 10 Ιούλ 2002 12:48

grjava kalo to script pou les, omos ola ta pop-ups tha exoun tis idies diastaseis...

ego pou thelo kathe ena na exei tis dikes tou ti prepei na kano????

kai ena deftero.... sto url prepei na to vazo olokliro.... an thelo na kano link se mia selida dikia mou, ti tha kano??? prepei na valo www.mypage.gr/myfolder/mypage.html ????

Άβαταρ μέλους
grjava
Δημοσιεύσεις: 387
Εγγραφή: 13 Μαρ 2002 01:00
Τοποθεσία: athens
Επικοινωνία:

Pop up windows

Δημοσίευση από grjava » 10 Ιούλ 2002 14:18

Εφόσον το παράθυρο θέλεις να ανοίγει αυτόματα με την είσοδο της σελίδας μπορείς σε κάθε σελίδα να δίνεις και τις διαστάσεις που θέλεις .
(width=400, height=400 ή width=100, height=200 κλπ).
Για την διαδρομή του παράθυρου εφόσον το παράθυρο βρίσκετε στον ίδιο φάκελλο με την σελίδα που το ανοίγει απλώς δίνεις τον τίτλο του παραθύρου (<BODY onLoad="javascript:popUp('popwindow.html')"> ).
αν βρίσκετε σε διαφορετικό φάκελλο δίνεις το όνομα του φακέλλου και το όνομα του παράθυρου (<BODY onLoad="javascript:popUp('/file/popwindow.html')"> ).

Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

Pop up windows

Δημοσίευση από EneMe » 11 Ιούλ 2002 11:59

sorry, alla mallon ftaio ego pou den exigisa sosta!
den endiaferomai gia onload.

se mia selida exo mia lista kai thelo kanontas klik sto kathe stoixeio tis listas na anoigei ena parathiro me tin antistoixi fotografia tou kathe stoixeiou, alla to kathe parathiro na exei diaforetikes diastaseis, afou diaforetikes diastaseis exei kai i kathe fotografia. (ennoeitai na exo kai diaxeirisi tis emfanisis tou, no toolbar,resize klp)

episis gia tin diadromi tou fakelou pou les, to dokimasa vazontas ('popwindow.html') (einai ston idio fakelo) alla den leitourgise!!!

Άβαταρ μέλους
grjava
Δημοσιεύσεις: 387
Εγγραφή: 13 Μαρ 2002 01:00
Τοποθεσία: athens
Επικοινωνία:

Pop up windows

Δημοσίευση από grjava » 12 Ιούλ 2002 01:53

Θέλεις link ή φότο να οδηγεί σε νέο παράθυρο... Αντέγραψε τον παρακάτω κώδικα στο head της σελίδας σου:

Κώδικας: Επιλογή όλων

<SCRIPT language="JavaScript">

<!--

var win=null;
function NewWindow&#40;mypage,myname,w,h,scroll,pos&#41;&#123;
if&#40;pos=="random"&#41;&#123;LeftPosition=&#40;screen.width&#41;?Math.floor&#40;Math.random&#40;&#41;*&#40;screen.width-w&#41;&#41;&#58;100;TopPosition=&#40;screen.height&#41;?Math.floor&#40;Math.random&#40;&#41;*&#40;&#40;screen.height-h&#41;-75&#41;&#41;&#58;100;&#125;
if&#40;pos=="center"&#41;&#123;LeftPosition=&#40;screen.width&#41;?&#40;screen.width-w&#41;/2&#58;100;TopPosition=&#40;screen.height&#41;?&#40;screen.height-h&#41;/2&#58;100;&#125;
else if&#40;&#40;pos!="center" && pos!="random"&#41; || pos==null&#41;&#123;LeftPosition=0;TopPosition=20&#125;
settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',location=1,directories=1,status=1,menubar=1,toolbar=1,resizable=1';
win=window.open&#40;mypage,myname,settings&#41;;&#125;
// -->
//-->
</SCRIPT>
και αυτόν όπου θέλεις να εμφανίζετε το link:

Κώδικας: Επιλογή όλων

<A href="mypage.html" onclick="NewWindow&#40;this.href,'','400','400','yes','center'&#41;;return false" onfocus="this.blur&#40;&#41;">link</A>
Τώρα.. για κάθε link επαναλαμβάνεις τον κώδικα και προσαρμόζεις τα links σε διαδρομή (πχ mypage.html) σε διαστάσεις (πχ '400','400') και σε τίτλο (πχ >link<.
Αν δεν θέλεις κάποια από τα tolbars,srollbars κλπ δώσε τιμή =0 ή =no (στο κομμάτι κώδικα που μπαίνει στο head).
Αν θέλεις αντί για κείμενο να τοποθετήσεις μία φότο ή ένα γραφικό στην θέση του link αντέγραψε αυτόν τον κώδικα (όπου mypic.gif η φότο σου):

Κώδικας: Επιλογή όλων

<A href="mypage.html" onclick="NewWindow&#40;this.href,'','400','400','yes','center'&#41;;return false" onfocus="this.blur&#40;&#41;"><IMG src="mypic.gif" width="32" height="32" border="0"></A>
Για να δείς το script σε δράση πήγαινε στην σελίδα http://www.grjava.com/applets/menu.htm και δες το πατώντας 2-3 παραδείγματα applets (τα εικονίδια που λένε "Δείτε αυτό το applet σε δράση")
Αυτά για σήμερα..καλή συνέχεια

Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

Pop up windows

Δημοσίευση από EneMe » 12 Ιούλ 2002 11:16

efxaristo poli grjava!!!

telika afto epsaxna! na eisai kala!!!

ta lemen se kapoio allo topic :wink:

Άβαταρ μέλους
goforbet
Δημοσιεύσεις: 247
Εγγραφή: 24 Σεπ 2003 19:41

Pop up windows

Δημοσίευση από goforbet » 18 Οκτ 2004 22:29

kalispera,
thelo patontas pano se mia eikona na anoigei ena pop-up(kai oxi me to pou fortonei selida),auto mono me javascript ginete?

Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

Pop up windows

Δημοσίευση από EneMe » 18 Οκτ 2004 22:32

Πω πω, πού το θυμήθηκες αυτό το topic?

Με αυτό μπήκα στο freestuff! :P

Mε javascript δεν σου αρέσει; Είναι ότι πιο εύκολο!

Η τελευταία απάντηση του grjava δεν είναι για onload! ;)

Άβαταρ μέλους
goforbet
Δημοσιεύσεις: 247
Εγγραφή: 24 Σεπ 2003 19:41

Pop up windows

Δημοσίευση από goforbet » 18 Οκτ 2004 22:37

sinexeia xazeuo ta voithimata saas :-)
me xoris java den ginete?

Άβαταρ μέλους
goforbet
Δημοσιεύσεις: 247
Εγγραφή: 24 Σεπ 2003 19:41

Pop up windows

Δημοσίευση από goforbet » 18 Οκτ 2004 22:50

basika epeidi douleuo me dreamweaver,ayto edo:

Κώδικας: Επιλογή όλων

<A href="mypage.html" onclick="NewWindow&#40;this.href,'','400','400','yes','center'&#41;;return false" onfocus="this.blur&#40;&#41;">
<IMG src="mypic.gif" width="32" height="32" border="0">
</A>

to bazo sto link tis fotografias mou?

Άβαταρ μέλους
goforbet
Δημοσιεύσεις: 247
Εγγραφή: 24 Σεπ 2003 19:41

Pop up windows

Δημοσίευση από goforbet » 20 Οκτ 2004 17:17

den mporesa na to kano.kanenas prothimos na me voithisei?

Άβαταρ μέλους
goforbet
Δημοσιεύσεις: 247
Εγγραφή: 24 Σεπ 2003 19:41

Pop up windows

Δημοσίευση από goforbet » 20 Οκτ 2004 17:46

to vrika gia opoion endiaferetai

Κώδικας: Επιλογή όλων

 <A HREF="#" onClick="window.open&#40; 
'http&#58;//www.yourdomain.com/yourfoto.jpg','1932','width=800,height=600,directories=no,location=no,menubar=no,scrollbars=no, status=no,toolbar=no,resizable=no,left=50,top=50, screenx=100,screeny=200'&#41;;return false"><img src="foto/foto.jpg" width="140" height="95"> 
        </a>

theatis
Δημοσιεύσεις: 19
Εγγραφή: 26 Μαρ 2003 01:30

Pop up windows

Δημοσίευση από theatis » 23 Οκτ 2004 15:50

goforbet poli kalo thank you! :wink:
akrivws ayto pou xreastika ti mera pou to xreiastika to esteiles:)))


--------------------------
http://www.liquidfm.gr


Άβαταρ μέλους
Helios
Δημοσιεύσεις: 45
Εγγραφή: 10 Οκτ 2009 16:45
Τοποθεσία: Αθηνα
Επικοινωνία:

Pop up windows

Δημοσίευση από Helios » 08 Δεκ 2009 19:03

Ενα pop up window απλα καντε αντιγραφη και επικολληση στη σελιδα που θελετε να εμφανιζετε:

Κώδικας: Επιλογή όλων

<script type="text/javascript" language="javascript">

//Επεξεργαστειτε το περιεχομενο
var new_window=window.open&#40;"","", "status=no,directories=no,menubar=no,toolbar=no,height=600, width=600"&#41;
new_window.document.writeln&#40;'<html>'&#41;
new_window.document.writeln&#40;'<head>'&#41;
new_window.document.writeln&#40;'<title>This window CLOSES by ITSELF in 22 sec<\/title>'&#41;
new_window.document.writeln&#40;'<\/head>'&#41;
new_window.document.writeln&#40;'<body bgcolor="" text="black">'&#41;
new_window.document.writeln&#40;'<center>'&#41;
new_window.document.writeln&#40;'<table border=0><tr>'&#41;
new_window.document.writeln&#40;'<font size="4"><strong>&Kappa;&alpha;&lambda;&omega;&sigmaf; &Omega;&rho;&iota;&sigma;&alpha;&tau;&epsilon; &sigma;&tau;&omicron; www.mydomain.gr!</strong></font>'&#41;
new_window.document.writeln&#40;'<\/tr><\/table>'&#41;
new_window.document.writeln&#40;'<\/center>'&#41;
new_window.document.writeln&#40;'<\/body>'&#41;
new_window.document.writeln&#40;'<\/html>'&#41;
//Βαλτε το χρονικο οριο του pop up window αν το επιθυμητε
function reveal_window&#40;&#41; &#123;
new_window.focus&#40;&#41;
&#125;
new_window.focus&#40;&#41;
new_window.moveTo&#40;counter2,counter2&#41;
var counter1=22
var window_id
var counter2=10
window_id=setInterval&#40;"move_window&#40;&#41;",1000&#41;
function move_window&#40;&#41; &#123;
counter1--
//Βαλτε το τιλτο του pop up window
new_window.document.title="This window CLOSES by ITSELF in"+" " + counter1+" "+
"sec"
//μετακινηστε το Pop up window
new_window.moveBy&#40;00,00&#41;
counter2++
if&#40;counter1<0&#41;&#123;
clearInterval&#40;window_id&#41;
new_window.close&#40;&#41;
	&#125;
function clear_window&#40;&#41;&#123;
if&#40;new_window&#41;&#123;
new_window.close&#40;&#41;
	&#125;
&#125;
window.onunload=clear_window
&#125;
</script>
Σε αυτο το pop up window μπορειτε να βαλετε οτι μηνυμα, εικονες,διαφημισεις,link θελετε απλα επεξεργαζοντας τα ακολουθα:

Κώδικας: Επιλογή όλων

new_window.document.writeln&#40;'<html>'&#41;
new_window.document.writeln&#40;'<head>'&#41;
new_window.document.writeln&#40;'<title>This window CLOSES by ITSELF in 22 sec<\/title>'&#41;
new_window.document.writeln&#40;'<\/head>'&#41;
new_window.document.writeln&#40;'<body bgcolor="" text="black">'&#41;
new_window.document.writeln&#40;'<center>'&#41;
new_window.document.writeln&#40;'<table border=0><tr>'&#41;
new_window.document.writeln&#40;'<font size="4"><strong>&Kappa;&alpha;&lambda;&omega;&sigmaf; &Omega;&rho;&iota;&sigma;&alpha;&tau;&epsilon; &sigma;&tau;&omicron; www.mydomain.gr!</strong></font>'&#41;
new_window.document.writeln&#40;'<\/tr><\/table>'&#41;
new_window.document.writeln&#40;'<\/center>'&#41;
new_window.document.writeln&#40;'<\/body>'&#41;
new_window.document.writeln&#40;'<\/html>'&#41;

Αν θελετε μπορειτε να βαλετε και χρονικο οριο (εγω εβαλα 22 δευτερα) ή επ αοριστον αλλαζοντας τον παρακατω κωδικα:

Κώδικας: Επιλογή όλων

new_window.focus&#40;&#41;
new_window.moveTo&#40;counter2,counter2&#41;
var counter1=22
var window_id 


Επισης μπορειτε να το κανετε ετσι ωστε να μετακινητε στην οθονη ωριζοντας ποσα pixel να μετακινητε σε καθε δευτερολεπτο:

Κώδικας: Επιλογή όλων

//μετακινηστε το Pop up window
new_window.moveBy&#40;00,00&#41;
counter2++
 

Για καλυτερη διευκολυνση εχω βαλει και διευκρινησεις για το που μπορειτε να κανετε τις καταλληλες αλλαγες:

Κώδικας: Επιλογή όλων

//Επεξεργαστειτε το περιεχομενο 
//Βαλτε το χρονικο οριο του pop up window αν το επιθυμητε 
//Βαλτε το τιλτο του pop up window 
//μετακινηστε το Pop up window 
Εικόνα

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες