Javascript/Html

[Andre85]

Καταρχάς καλησπέρα. Δεν ξέρω αν είναι το σωστό forum για το θέμα μου όποτε μπορεί να μετακινηθεί αν είναι.. 

Το πρόβλημα μου/απορία μου είναι η εξής:

Έχω φτιάξει στην javascript μία function η οποία πειράζει το DOM της σελίδας που θέλω κ μου βρίσκει/επιστρέφει κάποια links. 

Στην κονσόλα που την δοκίμασα παίζει /τρέχει μια χαρά. 

Το πρόβλημα μου είναι το πως μπορώ να καλέσω την function αυτής Μέσα σε ένα popup παράθυρο. 

Δηλαδή πχ να πατάω ένα button και να ανοίγει το popup με τα αποτελέσματα της function. 

Στην html μέχρι στιγμής έχω φτιάξει το κουμπί κ το popup αλλά δεν ξέρω πως να περάσω τα links σε αυτό. 

Γίνεται κάτι τέτοιο ή τσάμπα παιδεύομαι? 

 

[k33theod]

Για να μπορέσει κάποιος να σε βοηθήσει πρέπει να παραθέσεις τον κώδικα σου. Διαφορετικά πρέπει κάποιος να μαντέψει, τι συνάρτηση έγραψες, τι επιστρέφει, τι είναι το popup που λες και άλλα. Με μαντεία δυστυχώς δεν δουλεύει και πολύ καλά. Σε γενικές γραμμές το μόνο που πρέπει να κάνει η συνάρτηση σου που ακούει στο κλικ του button, ειναι να τοποθετήσει το  poppup που λες ότι έκανες μέσα στο dom. Αυτό όμως ειναι απλά μια δική μου μαντεία😊

[filip123go]

Φτιάχνεις μια function OnLoad μέσα στο popup και εκεί μέσα βάζεις την function που σου φέρνει τα Links. 
Αν δώσεις και κώδικα μπορεί να σε βοηθήσουμε περισσότερο.

[Andre85]

Επειδή δεν ξέρω αν επιτρέπεται να βάλω κώδικα (πρόκειται για εργασία),μην βρω τον μπελά μου, απλά η function μου επιστρέφει τα links των φορμών που υπάρχουν σε κάποια σελίδα.τα form.action

για popup χρησιμοποίησα το https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal κυρίως.

και απλά προσπαθώ να βρω πώς να βάλω τα παραπάνω links μέσα στο popup

[k33theod]

Έχει σημασία τι μορφή έχουν τα links καθώς και σε τι μορφή τα επιστρέφει. Αν πάρουμε την περίπτωσή ότι είναι array από strings.  https://www.w3schools.com/js/tryit.asp?filename=tryjs_array_loop_foreach

[Andre85]

14 ώρες πριν, k33theod είπε

Έχει σημασία τι μορφή έχουν τα links καθώς και σε τι μορφή τα επιστρέφει. Αν πάρουμε την περίπτωσή ότι είναι array από strings.  https://www.w3schools.com/js/tryit.asp?filename=tryjs_array_loop_foreach

ένα array από urls είναι.

Τέλοσπάντων ευχαριστώ για την βοήθεια.Θα το προσπαθήσω αν κ με βλέπω να παρατάω την Διπλωματική μου μιας κ δεν καταλαβαίνω κ πολλά

[velociraptoras]

Στις 25/5/2020 στις 10:52 ΠΜ, Andre85 είπε

ένα array από urls είναι.

Τέλοσπάντων ευχαριστώ για την βοήθεια.Θα το προσπαθήσω αν κ με βλέπω να παρατάω την Διπλωματική μου μιας κ δεν καταλαβαίνω κ πολλά

εφτασες ως τη διπλωματική και θες να την παρατησεις? δεν ειναι κακό να ψάχνεις λύσεις. αν η διπλωματική δεν εχει αυτο ως θεμα μπορεις να βάλεις ενα τμήμα κωδικα με διαφορετικά ονοματα μεταβητων και διαφορετικά λινκ οχι αυτα που θα χρησιμοποιήσεις. 

[k33theod]

Στις 25/5/2020 στις 9:52 ΠΜ, Andre85 είπε

ένα array από urls είναι.

 

και τι είναι τα urls. type url δεν υπάρχει στην javascript.

[Andre85]

21 ώρες πριν, velociraptoras είπε

εφτασες ως τη διπλωματική και θες να την παρατησεις? δεν ειναι κακό να ψάχνεις λύσεις. αν η διπλωματική δεν εχει αυτο ως θεμα μπορεις να βάλεις ενα τμήμα κωδικα με διαφορετικά ονοματα μεταβητων και διαφορετικά λινκ οχι αυτα που θα χρησιμοποιήσεις. 

αν δεν μπορώ να βγάλω άκρη δεν είναι κακό να τα παρατήσω..τεσπά το προσπαθώ αλλά δεν έχω καταφέρει κάτι..και εχώ 1,5 μήνα ακόμα διορία.Αυτό που ψάχνω είναι κομμάτι της Διπλωματικής.

12 ώρες πριν, k33theod είπε

και τι είναι τα urls. type url δεν υπάρχει στην javascript.

δεν μπορώ να καταλάβω τι εννοείς

έχω αυτόν τον κώδικα

let array = [];

    let text = "xaxaxaxa \n "

    let din = document.querySelectorAll('form');

    if (din.length > 0) {

        for (var i = 0; i < din.length; i++) {

            list.push(din[i].id + ":" + " " + din[i].action);

           text = text + list[i] + "\n";

        }

    }

    else {

        text = text + "noooooooo";

    }

 

    console.log(text);

οπότε στην κονσόλα μου εκτυπώνονται τα url (μιας και αυτά δίνει το action.)

 

αυτά τα url,τα οποία βρίσκονται σε πινακα array θέλω να τα εμφανίσω σε alert/popup ως clickable urls..δηλαδή μόλις τα πατάω να πηγαίνω στην σελίδα που δείχνουν

 

Στο νετ είδα ότι alert και clickable urls ΔΕΝ παίζει οπότε το ξεχνάω.

Και είδα ότι πρέπει να φτιάξω ένα modal dialog στο οποίο πρέπει να καλέσω τον αποπάνω κώδικα για να τα εμφανίσει

 

Εκει το ΄χανω!

φτιάχνω με βάση ένα tutorial το modal dialog (με το κουμπί  κλπ) αλλά δεν ξέρω πώς να καλέσω τον παραπάνω κώδικα

Αλλά δεν μπορώ να χρησιμοποιήσω inline javascript αλλά events ή addListener

 

Επεξ/σία 27 Μαΐου 2020 από Andre85

[k33theod]

το html  σου θα το κάνεις κάπως έτσι

<div id = 'demo'> </div>
<button id = 'geturls'>get urls</button>

το js file κάπως έτσι

document.getElementById('geturls').addEventListener('click', fun1);

function fun1()//Η func1 και func2 είναι οι συναρτήσεις από το link που σου έδωσα
{
  let actions = fun3();
  text = "<ul>";
  actions.forEach(fun2);
  text += "</ul>";
  document.getElementById("demo").innerHTML = text;//demo είναι το popup σου 
} 

function fun2(value) {
  text += "<li><a href="+ value +">" + value + "</a></li>";
}

function fun3()//αυτή είναι η συνάρτηση του τροποποιημένη ώστε να επιστρέφει το array
{
  let actions = [];
  let text = "xaxaxaxa \n "
  let din = document.querySelectorAll('form');
  if (din.length > 0) {
      for (var i = 0; i < din.length; i++) {
        actions.push(din[i].action);
        text = text + din[i] + "\n";
      }
  }
  else {
      text = text + "noooooooo";
  }
  console.log(text); 
  return actions;
}

 

[Andre85]

5 ώρες πριν, k33theod είπε

το html  σου θα το κάνεις κάπως έτσι

<div id = 'demo'> </div>
<button id = 'geturls'>get urls</button>

το js file κάπως έτσι

document.getElementById('geturls').addEventListener('click', fun1);

function fun1()//Η func1 και func2 είναι οι συναρτήσεις από το link που σου έδωσα
{
  let actions = fun3();
  text = "<ul>";
  actions.forEach(fun2);
  text += "</ul>";
  document.getElementById("demo").innerHTML = text;//demo είναι το popup σου 
} 

function fun2(value) {
  text += "<li><a href="+ value +">" + value + "</a></li>";
}

function fun3()//αυτή είναι η συνάρτηση του τροποποιημένη ώστε να επιστρέφει το array
{
  let actions = [];
  let text = "xaxaxaxa \n "
  let din = document.querySelectorAll('form');
  if (din.length > 0) {
      for (var i = 0; i < din.length; i++) {
        actions.push(din[i].action);
        text = text + din[i] + "\n";
      }
  }
  else {
      text = text + "noooooooo";
  }
  console.log(text); 
  return actions;
}

καταρχάς ευχαριστώ για τον χρόνο που διέθεσες αλλά δοκίμασα το σκεπτικό σου και δεν παίζει. Δοκίμασα την Fun3 και έβγαζε syntax error.

Πέρα από αυτό γιατί τρέχοντας την στον κονσόλα (έβγαλα το return που είχε το λάθος) δεν εμφάνιζε τα links αλλά 2 oblects HTMLFormElements (τα 2 έβγαιναν στο site που δοκίμασα).Γιατί αυτό?

 

[k33theod]

Κανε τον κώδικα copy paste γιατί άλλαξα και κάποιες ονομασίες που είχες λάθος πχ ονομάζεις. το array array και κάνεις list.push. Οπότε copy paste. Επίσης μικρά μεγάλα γράμματα παίζουν ρόλο. Αλλο Fun3 και άλλο fun3

[Andre85]

47 λεπτά πριν, k33theod είπε

Κανε τον κώδικα copy paste γιατί άλλαξα και κάποιες ονομασίες που είχες λάθος πχ ονομάζεις. το array array και κάνεις list.push. Οπότε copy paste. Επίσης μικρά μεγάλα γράμματα παίζουν ρόλο. Αλλο Fun3 και άλλο fun3

copy paste το έκανα κ δεν παίζει.

 

[dimitrisz123]

Στις 24/5/2020 στις 5:44 ΜΜ, Andre85 είπε

Επειδή δεν ξέρω αν επιτρέπεται να βάλω κώδικα (πρόκειται για εργασία),μην βρω τον μπελά μου, απλά η function μου επιστρέφει τα links των φορμών που υπάρχουν σε κάποια σελίδα.τα form.action

για popup χρησιμοποίησα το https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal κυρίως.

και απλά προσπαθώ να βρω πώς να βάλω τα παραπάνω links μέσα στο popup

μιας και το εχεις ετοιμο απο εκει, απλα πηγαινε στο

 <p>Some text in the Modal..</p>

και βαλε ενα id ετσι

 <p id="modal_paragraph">Some text in the Modal..</p>

και μετα πας στο 

btn.onclick = function() {
  modal.style.display = "block";
}

και προσθετεις τον κωδικα που σου φτιαχνει το array, για παραδειγμα εγω το δοκιμασα με αυτο και μου δουλεψε:

btn.onclick = function () {

        modal.style.display = "block";

        //new code

        let text = ["url1.com", "url2.com", "url3.com"];

        let modal_paragraph = document.getElementById("modal_paragraph");

        for (let i = 0; i < text.length; i++)

          modal_paragraph.innerHTML +=

            "<a href=" + text[i] + ">" + text[i] + "</a><br>";

      };

 

[Andre85]

20 ώρες πριν, dimitrisz123 είπε

μιας και το εχεις ετοιμο απο εκει, απλα πηγαινε στο

 <p>Some text in the Modal..</p>

και βαλε ενα id ετσι

 <p id="modal_paragraph">Some text in the Modal..</p>

και μετα πας στο 

btn.onclick = function() {
  modal.style.display = "block";
}

και προσθετεις τον κωδικα που σου φτιαχνει το array, για παραδειγμα εγω το δοκιμασα με αυτο και μου δουλεψε:

btn.onclick = function () {

        modal.style.display = "block";

        //new code

        let text = ["url1.com", "url2.com", "url3.com"];

        let modal_paragraph = document.getElementById("modal_paragraph");

        for (let i = 0; i < text.length; i++)

          modal_paragraph.innerHTML +=

            "<a href=" + text[i] + ">" + text[i] + "</a><br>";

      };

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

Σε ευχαριστώ πάντως για τον χρόνο που διέθεσες

 

Επεξ/σία 30 Μαΐου 2020 από Andre85