Project-JS - Mihaela#6
Conversation
|
Cand deschid htm-ul din VS code imi arata ok la contact us, dar pe netlify apar elementele aiurea, nu stiu de ce. |
| <span class="Email"></span> faroeislands@gmail.com | ||
| </div> | ||
| </form> | ||
| <script> |
There was a problem hiding this comment.
Ai foarte mare grijă la scripturile inline: nu toate funcționalitățile JS pe care vi le-am arătat se pot folosi.
| <script> | ||
| function myFunction() { | ||
| var txt; | ||
| if (confirm("Are you sure you want to submit this?")) { |
There was a problem hiding this comment.
Nu v-am zis de alert, confirm, și prompt, pentru că nu prea se mai folosesc.
De obicei se preferă să se facă un modal din HTML+CSS (cum e cel de la Bootstrap)
| } | ||
| } | ||
|
|
||
| window.onload = function() { |
There was a problem hiding this comment.
Aș prefera să nu folosești onload, ci să atașezi listener cu addEventListener
| areaSel.options[areaSel.options.length] = new Option(x, x,); | ||
| } | ||
|
|
||
| areaSel.onchange = function() { |
There was a problem hiding this comment.
Aș prefera să nu folosești onchange, ci să atașezi listener cu addEventListener
| } | ||
| } | ||
|
|
||
| countrySel.onchange = function() { |
There was a problem hiding this comment.
Aș prefera să nu folosești onchange, ci să atașezi listener cu addEventListener
2 participants
Am incercat sa adaug si un loading page, dar indiferent de ce am testat, nu mi-a iesit nicicum...
Una dintre variantele folosite a fost urmatoarea:
am adaugat un div pentru pagina de preload cu div id = preload
in css am facut:
#preload {
background: white url(./preview.gif) no-repeat center center;
height: 100vh;
width: 100%;
z-index: 100;
position: fixed;
}
iar in js:
var loader = document.getElementById("preload");
am incercat si alte variante, urmarind pas cu pas pe youtube, dar niciuna nu mi-a iesit
https://codesandbox.io/s/nifty-dan-jv9u1s
asta e alta varianta, care nu mi-a iesit cand am aplicat in VS code