link σε java script

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

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

Απάντηση
mpempe
Δημοσιεύσεις: 156
Εγγραφή: 23 Ιουν 2003 02:48
Τοποθεσία: peloponisos

link σε java script

Δημοσίευση από mpempe » 04 Απρ 2014 21:20

Γεια σας
έχω αυτό το link που ανοίγει ένα highlight popup window

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

<a href="http&#58;//www.google.com" onclick="return hs.htmlExpand&#40;this, &#123;contentId&#58; 'my-content',objectType&#58; 'iframe',width&#58; 1000,objectWidth&#58; 1000,objectHeight&#58; 800&#125;&#41;">My Link</a>
Προσπαθώ αυτή την ενέργεια να την περάσω στο παρακάτω javascript χωρίς όμως επιτυχία.

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

  exec&#58; function &#40;editor&#41; &#123;
           ......
        &#125;
Με απλό url λειτουργεί καλά

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

  exec&#58; function &#40;editor&#41; &#123;
            document.location.href = "http&#58;//www.google.com";
        &#125;
Πως θα μπορούσα να το προσαρμόσω?

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

link σε java script

Δημοσίευση από korgr » 04 Απρ 2014 22:18

Η λύση αυτή προϋποθέτει πως έχεις φορτώσει την jQuery Library αλλά δεν είναι εκεί το θέμα ελπίζω ε; :wink:

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

<a id="popup_link" href="http&#58;//www.google.com" onclick="return hs.htmlExpand&#40;this, &#123;contentId&#58; 'my-content',objectType&#58; 'iframe',width&#58; 1000,objectWidth&#58; 1000,objectHeight&#58; 800&#125;&#41;">My Link</a>
Javascript:

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

  exec&#58; function &#40;editor&#41; &#123;
            $&#40;'#popup_link'&#41;.click&#40;&#41;;
        &#125;

mpempe
Δημοσιεύσεις: 156
Εγγραφή: 23 Ιουν 2003 02:48
Τοποθεσία: peloponisos

link σε java script

Δημοσίευση από mpempe » 04 Απρ 2014 23:02

Korgr ευχαριστώ για την απάντηση
Ο κώδικας

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

  exec&#58; function &#40;editor&#41; &#123;
           ......
        &#125;
Είναι μέρος ενος plugin του html editor ckeditor
Αρα δε μπορώ απλά να καλέσω το id απο το φυσικό html url.
πρέπει το url να είναι μέσα στο javascript
px

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

    exec&#58; function &#40;editor&#41; &#123;
            document.location.href = "http&#58;//www.google.com";
        &#125;
αλλα στη θέση του απλού url θέλω το
"http://www.google.com" onclick="return hs.htmlExpand(this, {contentId: 'my-content',objectType: 'iframe',width: 1000,objectWidth: 1000,objectHeight: 800})"

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

link σε java script

Δημοσίευση από korgr » 05 Απρ 2014 08:37

H js του editor δεν εκτελείται στο ίδιο document που έχεις το link?
Με λίγα λόγια για το ίδιο DOM δεν μιλάμε;

Διαφορετικά αν σε άλλη σελίδα έχεις τον editor και σε άλλη το highslide plugin, δεν μπορείς να το κάνεις...

Προσοχή, δεν λέω πως είναι και τα δύο στο ίδιο αρχείο, αλλά ότι φορτώνονται και τα δύο στο ίδιο document όταν τα εκτελεί ο browser

alou
Script Master
Δημοσιεύσεις: 1374
Εγγραφή: 24 Αύγ 2007 19:52
Επικοινωνία:

link σε java script

Δημοσίευση από alou » 05 Απρ 2014 09:44

Άκυρο, νόμιζα ότι ήθελες να εισάγεις κάποιο στοιχείο στην html όπως το είδα στην αρχή, αλλά τελικά δεν καταλαβαίνω καθόλου τι θες να κάνεις.

Θες να εισάγεις στοιχείο στην html με αυτά τα attributes από τον editor ή να ανοίξεις το iframe με js function?

mpempe
Δημοσιεύσεις: 156
Εγγραφή: 23 Ιουν 2003 02:48
Τοποθεσία: peloponisos

link σε java script

Δημοσίευση από mpempe » 07 Απρ 2014 03:38

Ολος ο κώδικας του plugin είναι

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

&#40;function &#40;&#41; &#123;
    //Section 1 &#58; Κώδικας με εκτέλεση λειτουργίας
    var a = &#123;
        exec&#58; function &#40;editor&#41; &#123;
            document.location.href = "http&#58;//www.google.com";
        &#125;
    &#125;,
        //Section 2 &#58; Δημιουργία κουμπιου στον editor
        b = 'linkbutton';
    CKEDITOR.plugins.add&#40;b, &#123;
        init&#58; function &#40;editor&#41; &#123;
            editor.addCommand&#40;b, a&#41;;
            editor.ui.addButton&#40;'linkbutton', &#123;
                label&#58; 'Link Button',
                icon&#58; this.path + 'images/icon.png',
                command&#58; b
            &#125;&#41;;
        &#125;
    &#125;&#41;;
&#125;&#41;&#40;&#41;;
Με αυτόν τον κώδικα δημιουργείται ένα κουμπάκι στον ckeditor που ανοίγει το google
Αυτό που θέλω να πετύχω είναι
αντί το

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

    exec&#58; function &#40;editor&#41; &#123;
            document.location.href = "http&#58;//www.google.com";
        &#125; 
να έχω

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

    exec&#58; function &#40;editor&#41; &#123;
            document.location.href = "http&#58;//www.google.com" onclick="return hs.htmlExpand&#40;this, &#123;contentId&#58; 'my-content',objectType&#58; 'iframe',width&#58; 1000,objectWidth&#58; 1000,objectHeight&#58; 800&#125;&#41;";
        &#125; 

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

link σε java script

Δημοσίευση από korgr » 07 Απρ 2014 08:28

alou έγραψε:Άκυρο, νόμιζα ότι ήθελες να εισάγεις κάποιο στοιχείο στην html όπως το είδα στην αρχή, αλλά τελικά δεν καταλαβαίνω καθόλου τι θες να κάνεις.

Θες να εισάγεις στοιχείο στην html με αυτά τα attributes από τον editor ή να ανοίξεις το iframe με js function?
Εγώ κατάλαβα πως από το κουμπί του editor θέλει να ανοίξει το url σε highslide popup.
Δυστυχώς δεν καταλαβαίνει τι του λέω (πιθανά λόγω περιορισμένων γνώσεων περί DOM & JS)

nbc
Honorary Member
Δημοσιεύσεις: 526
Εγγραφή: 05 Σεπ 2009 20:12
Επικοινωνία:

link σε java script

Δημοσίευση από nbc » 07 Απρ 2014 09:03

Δοκίμασε το παρακάτω:

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

exec&#58; function &#40;editor&#41; &#123;
    var link = document.createElement&#40;'a'&#41;;
    link.href = "http&#58;//www.google.com";
    hs.htmlExpand&#40;link, &#123;contentId&#58; 'my-content',objectType&#58; 'iframe',width&#58; 1000,objectWidth&#58; 1000,objectHeight&#58; 800&#125;&#41;;
        &#125; 
Αν δεν σου δουλέψει, μπορείς να ανοίξεις το link σε νέο παράθυρο:

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

exec&#58; function &#40;editor&#41; &#123;
    window.open&#40;"http&#58;//www.google.com"&#41;;
        &#125; 

mpempe
Δημοσιεύσεις: 156
Εγγραφή: 23 Ιουν 2003 02:48
Τοποθεσία: peloponisos

link σε java script

Δημοσίευση από mpempe » 07 Απρ 2014 15:43

nbc ευχαριστώ για την απάντηση
καλή αυτή η λύση και αν δε βρώ άλλη λύση θα την χρησιμοποιήσω.
Μήπως όμως θα μπορούσαμε αντί για νέα σελίδα να μου ανοίγει ένα απλό popup?

px

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

<a href="http&#58;//google.com" onclick="window.open&#40;this.href, 'title', 'resizable=yes,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=yes,dependent=no,width=555,left=33,height=5555,top=33'&#41;; return false;">My link</a>
Δοκίμασα

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

		exec&#58; function &#40;editor&#41; &#123;
			window.open&#40;this.href, 'title', 'resizable=yes,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=yes,dependent=no,width=555,left=33,height=555,top=33'&#41;; return false;
			&#125; 
αλλά μου ανοίγει μόνο το popup. Που θα τοποθετήσω το url?
Συγχωρέστε με αλλά δε γνωρίζω πολλά από προγραμματισμό. Ίσως για σας να είναι κάτι απλό.


Ευχαριστώ

nbc
Honorary Member
Δημοσιεύσεις: 526
Εγγραφή: 05 Σεπ 2009 20:12
Επικοινωνία:

link σε java script

Δημοσίευση από nbc » 07 Απρ 2014 16:33

To url είναι η πρώτη παράμετρος του window.open, όπως σου έδειξα στο προηγούμενο μήνυμα.

Δηλαδή, θα βγάλεις το this.href και στη θέση του θα βάλεις το "url".

mpempe
Δημοσιεύσεις: 156
Εγγραφή: 23 Ιουν 2003 02:48
Τοποθεσία: peloponisos

link σε java script

Δημοσίευση από mpempe » 07 Απρ 2014 18:01

Εννοείς κάπως έτσι?

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

	exec&#58; function &#40;editor&#41; &#123;
		var link = document.createElement&#40;'a'&#41;;
		window.open&#40;"http&#58;//google.com" , 'title', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=yes,dependent=no,width=400,height=400'&#41;; return false;
		&#125; 

Απάντηση

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

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

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