Πως κάνουμε extract τον Κώδικα JS απο HTML

[masteripper]

Γειά χαρά

έχω 1 code snippet (1 Html, 1 Js , 1 css)

μέσα στο Html υπάρχει κώδικας JS (Script) που κάνει κάποιας μορφής Inject ...(προσπαθώ να καταλάβω)

Αυτό που με μπερδεύει είναι ότι δεν βρίσκω πως μπορώ να βγάλω τον κώδικα απο την HTML και να την βάλω σε 1 ξεχωριστό αρχείο JS

Ο κώδικας είναι εδώ : https://www.jqueryscript.net/slideshow/subtle-slideshow-ken-burns-effect.html

Επεξ/σία 6 Οκτωβρίου 2020 από masteripper

[Στεφανος123]

https://stackoverflow.com/questions/13739568/how-do-i-link-a-javascript-file-to-a-html-file

[masteripper]

1 ώρα πριν, Στεφανος123 είπε

https://stackoverflow.com/questions/13739568/how-do-i-link-a-javascript-file-to-a-html-file

Το δοκίμασες στον κώδικα στο Link ?...γιατί to έχω κάνει ήδη και δεν παίζει.

Επεξ/σία 6 Οκτωβρίου 2020 από masteripper

[k33theod]

wtf στο forum του προγραμματισμού αν βάλεις μια γραμμή κώδικα σου κλειδώνει το post

$(function(){
  $('#slides').slideshow();
});

 

[masteripper]

Μόλις τώρα, k33theod είπε

wtf στο forum του προγραμματισμού αν βάλεις μια γραμμή κώδικα σου κλειδώνει το post

$(function(){
  $('#slides').slideshow();
});

Αστα με μπλόκαρε και εμένα....

Αυτό που το βάζω ...στο HTML ?... 🤔

 

[k33theod]

ναι μέσα σε script tag και είναι εντάξει

Πρέπει όμως να βρεις και να κάνεις download τα πρώτα αρχεία ή να κάνεις link τα CDN τους

Έγραφα μια ώρα απάντηση και μου κλείδωσε το post 🤬

Επεξ/σία 6 Οκτωβρίου 2020 από k33theod

[masteripper]

Είσαι ωραίος.

Δύο ερωτήσεις επειδή απο javaσκριπτ ...δεν.... 

1. Ας πουμε ότι έχει μια "μεγάλη" σελίδα που χρειάζεται τέτοιου είδους κολπα (κώδικες)...πέρα απο τα Frameworks ...θα πρέπει πέρα απο όσα εξωτερικά έχω να φυτεύω και τέτοια σκριπτ (το γραφω ελληνικά μπας και γλυτωσουμε το block) ? ...δεν μπορώ να πω ότι φορτώνω τα javaσκριπτ και να τους "πω" παρακολουθείστε την σελίδα και όπου χρειαστεί ....βουρ.

2. Αν ήταν να διαβάσω 1 βιβλίο για να απαντήσω μόνος μου την ερώτηση ποιο θα συνιστούσες.

[Sacadmerde]

1 ώρα πριν, masteripper είπε

Είσαι ωραίος.

Δύο ερωτήσεις επειδή απο javaσκριπτ ...δεν.... 

1. Ας πουμε ότι έχει μια "μεγάλη" σελίδα που χρειάζεται τέτοιου είδους κολπα (κώδικες)...πέρα απο τα Frameworks ...θα πρέπει πέρα απο όσα εξωτερικά έχω να φυτεύω και τέτοια σκριπτ (το γραφω ελληνικά μπας και γλυτωσουμε το block) ? ...δεν μπορώ να πω ότι φορτώνω τα javaσκριπτ και να τους "πω" παρακολουθείστε την σελίδα και όπου χρειαστεί ....βουρ.

2. Αν ήταν να διαβάσω 1 βιβλίο για να απαντήσω μόνος μου την ερώτηση ποιο θα συνιστούσες.

Καλύτερα να αρχίσεις από τα απλά, π.χ. τι γίνεται όταν ο browser σου δει κάποιο script.

Φαντάζομαι πως στο YouTube θα μπορέσεις να βρεις αρκετό υλικό.

 

[k33theod]

3 ώρες πριν, masteripper είπε

Είσαι ωραίος.

Δύο ερωτήσεις επειδή απο javaσκριπτ ...δεν.... 

1. Ας πουμε ότι έχει μια "μεγάλη" σελίδα που χρειάζεται τέτοιου είδους κολπα (κώδικες)...πέρα απο τα Frameworks ...θα πρέπει πέρα απο όσα εξωτερικά έχω να φυτεύω και τέτοια σκριπτ (το γραφω ελληνικά μπας και γλυτωσουμε το block) ? ...δεν μπορώ να πω ότι φορτώνω τα javaσκριπτ και να τους "πω" παρακολουθείστε την σελίδα και όπου χρειαστεί ....βουρ.

2. Αν ήταν να διαβάσω 1 βιβλίο για να απαντήσω μόνος μου την ερώτηση ποιο θα συνιστούσες.

To καλύτερο είναι να βάζεις τον κώδικα js σε ξεχωριστό αρχείο και όχι μέσα στο html.  Τώρα εν ο κώδικας είναι μερικές γραμμές είναι οκ αλλά αν είναι 200 γραμμές πχ 1 ή περισσότερα ξεχωριστά αρχεία. Το που βάζεις το κώδικα δεν έχει σχέση με το τι κάνει ή το πότε το κάνει. Τον ίδιο κώδικα μπορείς να το βάλεις στο html ή ξεχωριστό αρχείο και έχεις το ίδιο αποτέλεσμα. Στη συγκεκριμένη περίπτωση δηλαδή μπορούσες να βάλεις τον κώδικα σε ένα file .js και στο html να κάνεις reference στο file.

Για το 2ο που ρωτάς έχω υπόψη κάποια βιβλία πχ PROFESSIONAL JAVASCRIPT® FOR WEB DEVELOPERS και JavaScript A Beginner’s Guide Fourth Edition John Pollock To δεύτερο αν και αρκετά παλιό νομίζω βοηθάει περισσότερο έναν αρχάριο. Προτείνω  όμως τα https://www.w3schools.com/js/default.asp ή το https://developer.mozilla.org/en-US/docs/Web/JavaScript

Tο δεύτερο νομίζω είναι καλύτερο είναι όμως προσωπική γνώμη και ίσως εσένα να σου αρέσει το 1ο λινκ. Αν θες τα βιβλία σε pdf πες μου

Υπόψη ότι τα frameworks διαχειρίζονται κάπως διαφορετικά τα αρχεία js και πρέπει να κινείσαι μέσα στα frames που σου βάζουν.

Αν αποφασίσεις να μάθεις TIPP H consola πάντα ανοιχτή στην αρχή θα έχει πολύ κόκκινο.

Τώρα είδα ότι το JavaScript A Beginner’s Guide Fourth Edition John Pollock έχει και 5η έκδοση https://www.amazon.de/JavaScript-Beginners-Guide-Fifth-Pollock/dp/1260457680

Επεξ/σία 6 Οκτωβρίου 2020 από k33theod

[masteripper]

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

To καλύτερο είναι να βάζεις τον κώδικα js σε ξεχωριστό αρχείο και όχι μέσα στο html.  Τώρα εν ο κώδικας είναι μερικές γραμμές είναι οκ αλλά αν είναι 200 γραμμές πχ 1 ή περισσότερα ξεχωριστά αρχεία. Το που βάζεις το κώδικα δεν έχει σχέση με το τι κάνει ή το πότε το κάνει. Τον ίδιο κώδικα μπορείς να το βάλεις στο html ή ξεχωριστό αρχείο και έχεις το ίδιο αποτέλεσμα. Στη συγκεκριμένη περίπτωση δηλαδή μπορούσες να βάλεις τον κώδικα σε ένα file .js και στο html να κάνεις reference στο file.

Για το 2ο που ρωτάς έχω υπόψη κάποια βιβλία πχ PROFESSIONAL JAVASCRIPT® FOR WEB DEVELOPERS και JavaScript A Beginner’s Guide Fourth Edition John Pollock To δεύτερο αν και αρκετά παλιό νομίζω βοηθάει περισσότερο έναν αρχάριο. Προτείνω  όμως τα https://www.w3schools.com/js/default.asp ή το https://developer.mozilla.org/en-US/docs/Web/JavaScript

Tο δεύτερο νομίζω είναι καλύτερο είναι όμως προσωπική γνώμη και ίσως εσένα να σου αρέσει το 1ο λινκ. Αν θες τα βιβλία σε pdf πες μου

Υπόψη ότι τα frameworks διαχειρίζονται κάπως διαφορετικά τα αρχεία js και πρέπει να κινείσαι μέσα στα frames που σου βάζουν.

Αν αποφασίσεις να μάθεις TIPP H consola πάντα ανοιχτή στην αρχή θα έχει πολύ κόκκινο.

Τώρα είδα ότι το JavaScript A Beginner’s Guide Fourth Edition John Pollock έχει και 5η έκδοση https://www.amazon.de/JavaScript-Beginners-Guide-Fifth-Pollock/dp/1260457680

Thanks φίλε μου.

Βρήκα πριν από λίγο ότι αν κοτσαρω 1 async όταν καλώ το .js τότε δεν χρειάζεται κάτι παραπάνω στο .html.... τρέχει κατευθείαν...υπό διερεύνηση..

[isset1988]

Το async:false, αν εννοείς αυτό, σε λίγο καιρό ίσως να μην υπάρχει. Δες τις εναλλακτικές που προτείνουν. https://stackoverflow.com/questions/11448011/jquery-ajax-methods-async-option-deprecated-what-now