JavaScript è un linguaggo per il web lato client. Permette non solo di rendere dinamiche le pagine, ma anche di manipolare gli elementi di una pagina per diverse finalità.
L’ho usato in diverse occasioni.
A titolo di esempio incollo sotto un frammento di codice. In questo caso era necessario sostituire il testo che accompagnava alcuni elementi grafici. Potevo inserire del codice in una pagina precostituita, ma non potevo controllare direttamente gli elementi dell’intera pagina. Una volta caricata la pagina nel browser, il codice JavaScript ricerca gli elementi da tradurre e setta le relative proprietà ai valori desiderati. L’aspetto della pagina cambia e l’utente vede il nuovo testo.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | try{ var elementi = document.getElementsByTagName("input"); for (i=0; i<elementi.length; i++) if(elementi[i].value=="Add To Cart") elementi[i].value = "Aggiungi il prodotto"; /*TRADUCE TESTI - quantità prezzo*/ var elementi = document.getElementsByTagName("legend"); for (i=0; i<elementi.length; i++) if(elementi[i].textContent=="Quantity") elementi[i].textContent = "Numero"; var priceText = document.getElementsByClassName("pricedisplay wpsc-product-price"); for (i=0; i<priceText.length; i++) priceText[i].textContent = priceText[i].textContent.replace(/Price/g, "Prezzo"); }catch(e){} |
Altro codice:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 | try{ /*TRADUCE PULSANTI*/ document.getElementsByClassName("wpsc_buy_button")[0].value = "Acquista"; var elementi = document.getElementsByTagName("input"); for (i=0; i<elementi.length; i++){ if(elementi[i].value=="Update") elementi[i].value = "aggiorna"; if(elementi[i].value=="Remove") elementi[i].value = "Elimina"; } console.log(1); /*ELIMINA testo - traduce etichette*/ var etichetta = document.getElementsByTagName("label"); console.log(2); for (i=0; i<etichetta.length; i++){ console.log(3); var str = etichetta[i].innerHTML; console.log(4); str = str.replace("Same as billing address:", ""); console.log(5); str = str.replace("Name", "Nome"); str = str.replace("Surname", "Cognome"); str = str.replace("Address", "Indirizzo"); str = str.replace("City", "Città"); str = str.replace("Province", "Provincia"); str = str.replace("Country", "Paese"); str = str.replace("Postal code", "Cap"); str = str.replace("Phone", "Telefono"); etichetta[i].innerHTML = str; } /*TRADUCE TESTI - prezzo, spedizione, email*/ document.getElementsByClassName("wpsc_totals")[0].textContent = " Spese di spedizione: "; document.getElementsByClassName("wpsc_totals")[2].textContent = " Costo totale: "; document.getElementsByClassName("wpsc_email_address")[1].textContent = " Indirizzo e-mail "; /*TRADUCE TESTI - quantità ecc.*/ var th=document.getElementsByTagName("TH"); for (i=0; i<th.length; i++){ if(th[i].textContent=="Product") th[i].textContent = "Prodotto"; if(th[i].textContent=="Quantity") th[i].textContent = "Quantità"; if(th[i].textContent=="Price") th[i].textContent = "Prezzo"; if(th[i].textContent=="Total") th[i].textContent = "Totale"; } var tagH4 = document.getElementsByTagName("h4"); for (i=0; i<tagH4.length; i++){ tagH4[i].innerHTML = tagH4[i].innerHTML.replace("Shipping address (if different from billing address)", "Indirizzo di spedizione (se diverso da quello di fatturazione)"); tagH4[i].innerHTML = tagH4[i].innerHTML.replace("Billing address", "Indirizzo di fatturazione"); } /*CODICE FISCALE*/ var focused=0; document.getElementById("wpsc_checkout_form_19").onfocus=function () { focused=1; } document.getElementById("wpsc_checkout_form_19").onblur=function () { var pattern = /^[a-zA-Z]{6}[0-9]{2}[a-zA-Z][0-9]{2}[a-zA-Z][0-9]{3}[a-zA-Z]$/; var campo = document.getElementById("wpsc_checkout_form_19"); if(focused) if (campo.value.search(pattern) == -1) { alert("Il codice fiscale inserito non è corretto"); campo.value = ""; campo.focus(); } } } catch(e){ document.getElementById("istruzioni").innerHTML = ""; } finally{ /*TRADUZIONI*/ var y = document.getElementsByTagName("a"); for(i=0; i<y.length;i++) if(y[i].textContent=="Please visit our shop") y[i].textContent="Visita il NEGOZIO"; var elementi = document.getElementsByTagName("p"); for (i=0; i<elementi.length; i++) elementi[i].innerHTML = elementi[i].innerHTML.replace(/Oops, there is nothing in your cart./,"Attenzione, non sono stati effettuati acquisti. Il carrello è vuoto. "); } |