[Solved] Παραθυρο σε συγκεκριμενες διαστασεις

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

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

Απάντηση
vasilis83
Δημοσιεύσεις: 12
Εγγραφή: 08 Ιουν 2005 03:03

[Solved] Παραθυρο σε συγκεκριμενες διαστασεις

Δημοσίευση από vasilis83 » 03 Σεπ 2005 17:55

Καλησπερα.Βαζω μια εικονα την συνδεω με μια σελιδα και στο target βαζω _blank.Αυτο που θελω ειναι το νεο παραθυρο να βγαινει σε συγκεκριμενες διαστασεις.Πχ οσο ειναι το κειμενο.Πως γινεται να το ρυθμισω?
Ευχαριστω Βασιλης

Άβαταρ μέλους
milianos
Δημοσιεύσεις: 269
Εγγραφή: 11 Νοέμ 2004 01:39
Τοποθεσία: schwabenland
Επικοινωνία:

[Solved] Παραθυρο σε συγκεκριμενες διαστασεις

Δημοσίευση από milianos » 03 Σεπ 2005 21:12

Με ενα απλό Java script μπορείς να ανοίγεις μια υπερ-σύνδεση(Link) σε νέο παράθυρο το οποίο θα έχει ορισμένες διαστάσεις, θέση και άλλες ιδιότητες
όπως πχ τα βασικά κουμπιά την γραμμή διευθύνσεων κλπ.
Ενα τέτοιο script ειναι το παρακάτω και μπαίνει ανάμεσα στα head tags.

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

<script language="JavaScript">
<!--
function na_open_window&#40;name, url, left, top, width, height, toolbar, menubar, statusbar, scrollbar, resizable&#41;
&#123;
  toolbar_str = toolbar ? 'yes' &#58; 'no';
  menubar_str = menubar ? 'yes' &#58; 'no';
  statusbar_str = statusbar ? 'yes' &#58; 'no';
  scrollbar_str = scrollbar ? 'yes' &#58; 'no';
  resizable_str = resizable ? 'yes' &#58; 'no';

  cookie_str = document.cookie;
  cookie_str.toString&#40;&#41;;

  pos_start  = cookie_str.indexOf&#40;name&#41;;
  pos_end    = cookie_str.indexOf&#40;'=', pos_start&#41;;

  cookie_name = cookie_str.substring&#40;pos_start, pos_end&#41;;

  pos_start  = cookie_str.indexOf&#40;name&#41;;
  pos_start  = cookie_str.indexOf&#40;'=', pos_start&#41;;
  pos_end    = cookie_str.indexOf&#40;';', pos_start&#41;;
  
  if &#40;pos_end <= 0&#41; pos_end = cookie_str.length;
  cookie_val = cookie_str.substring&#40;pos_start + 1, pos_end&#41;;
  if &#40;cookie_name == name && cookie_val  == "done"&#41;
    return;

  window.open&#40;url, name, 'left='+left+',top='+top+',width='+width+',height='+height+',toolbar='+toolbar_str+',menubar='+menubar_str+',
status='+statusbar_str+',scrollbars='+scrollbar_str+',resizable='+resizable_str&#41;;
&#125;
// --></script>
Η υπερσύνδεση(link) μπαίνει κανονικά στο BODY

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

<p><a href="javascript&#58;na_open_window&#40;'parathiro', 'selida.htm', 0, 0, 300, 200, 0, 0, 0, 0, 0&#41;" target="_self">εδω είναι ενας υπερσύνδεσμος</a></p>
Με την σειρά που φαίνεται παρακάτω δίνουμε και τις αντίστοιχες τιμές σε pixel για τις διαστάσεις και ο η 1 για τις ιδιότητες του browser.
To Target ειναι _self και οχι _blank

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

function na_open_window   &#40;  name,        url,       left,  top,  width,  height, toolbar, menubar, statusbar, scrollbar, resizable&#41;
javascript&#58;na_open_window&#40;'parathiro', 'selida.htm',  500,   50,   300,    200,     0,       0,       0,         0,            0&#41;
Το internet ειναι γεμάτο απο τέτοια scripts δηλαδή βρίσκεις και στο περίπτερο που λέμε και εκτός αυτού οι περισσότεροι HTML-Editors
παράγουν τέτοιους κώδικες.

Εδω ενα παράδειγμα με τον browser κλειστό
και εδω με ανοιχτά τα toolbar, menubar κλπ.
Εδω φαίνεται η κανονική σελίδα

vasilis83
Δημοσιεύσεις: 12
Εγγραφή: 08 Ιουν 2005 03:03

[Solved] Παραθυρο σε συγκεκριμενες διαστασεις

Δημοσίευση από vasilis83 » 03 Σεπ 2005 23:11

οκ ευχαριστω πολυ

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

[Solved] Παραθυρο σε συγκεκριμενες διαστασεις

Δημοσίευση από skeftomilos » 04 Σεπ 2005 01:55

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

<a href="javascript&#58;na_open_window&#40;'kalavrita', 'foto.htm', 600, 50, 320, 550, 0, 0, 0, 0, 0&#41;" target="_self">
Χμ, καλό μεν, αλλά αμέσως-αμέσως έχει αποκλειστεί η πρόσβαση σε όλους τους χρήστες με αυστηρό popup-blocker (like mua!). Μετά είναι αποκλεισμένοι και όσοι δεν έχουν JavaScript. :-? Το παρακάτω λύνει αυτά τα προβλήματα:

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

<a href="foto.htm" target="_blank" onclick="if &#40;window.open&#40;this.href, '', 'width=550,height=320'&#41;&#41; return false">
Αν υπάρχει blocker η window.open() δε θα λειτουργήσει και ο χειριστής συμβάντος δε θα επιστρέψει false. Επομένως θα λειτουργήσει ως κοινό link, οδηγώντας εκεί που δείχνει το href.

Πάνω στο θέμα υπάρχουν και τα παρακάτω ενδιαφέροντα topics:

- Εικονίδια με ομαλό pop up
- Mαυρο backround
- Pop-Up images
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Άβαταρ μέλους
milianos
Δημοσιεύσεις: 269
Εγγραφή: 11 Νοέμ 2004 01:39
Τοποθεσία: schwabenland
Επικοινωνία:

[Solved] Παραθυρο σε συγκεκριμενες διαστασεις

Δημοσίευση από milianos » 04 Σεπ 2005 23:00

skeftomilos έγραψε:
Το παρακάτω λύνει αυτά τα προβλήματα:

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

<a href="foto.htm" target="_blank" onclick="if &#40;window.open&#40;this.href, '', 'width=550,height=320,left=600,top=50'&#41;&#41; return false"></a>
Πολύ καλή και πρακτική λύση!!

Απάντηση

Επιστροφή στο “HTML και XHTML”

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

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