Javascript su Forumattivo


Astuzia Javascript su Forumattivo

Messaggio Da Niko Mer 20 Gen 2021 - 1:18

Javascript su Forumattivo


Cosa si può fare con javascript?

Possiamo fare un po 'di tutto, ecco alcuni esempi:

  • Pubblica un modulo.
  • Carica il contenuto della pagina.
  • Aggiungi qualsiasi elemento nella pagina (immagine, file flash, ...).
  • Fare un disegno.
  • Modifica il testo.
  • Leggi e aggiungi i cookie.


Tutte queste funzioni e altre significano che tutte le aree (messaggio, messaggio privato, titolo dell'oggetto, chat, ...) in cui gli utenti normali avrebbero potuto inserire javascript sono state bloccate in modo che ciò non sia più possibile.

Cosa non possiamo fare con javascript?

Non possiamo :

  • Carica il contenuto di una pagina da un altro dominio (eccetto caricare uno script).
  • Leggere o salvare file dal disco rigido.
  • Accedi al contenuto di una pagina da un altro dominio.


Quali sono i metodi per incorporarlo in una pagina?

Ci sono tre possibilità:

  1. Il codice javascript viene inserito direttamente nell'attributo di un tag html:

    Ecco un esempio con l'attributo onClick, il javascript che abbiamo inserito verrà eseguito quando clicchi (a sinistra) sull'elemento:

    Codice:
    <img src="http://2img.net/i/bl/logo.png" title="Logo Forumactif" alt="bonhomme" onClick="alert('Bonjour =]');" />
    (qui abbiamo solo messo una funzione chiamata alert che mostra una finestra di dialogo
    e abbiamo specificato che il testo in questa casella dovrebbe essere " Hello =] ")


  2. Il codice javascript viene inserito nella pagina all'interno di un tag script:

    Ecco un esempio in cui all'utente viene chiesto il suo nome, se ha premuto annulla o se ha lasciato uno spazio vuoto nella casella on dice che il suo nome è sconosciuto e poi salutiamo:

    Codice:
    <script type="text/javascript">
     
      var prenom= prompt("Quel est votre prénom ?");
     
      if(prenom==null || prenom=="") prenom= "inconnu";
     
      alert("Bonjour "+prenom+" =]");
     
    </script>

  3. Il codice javascript è inserito in un foglio javascript che è collegato alla pagina:

    Ecco un esempio di uno script che collega un foglio di uno script che mostra la chatbox in basso a sinistra di ogni pagina in cui lo script è relazionato:

    Codice:
    <script type="text/javascript" src="http://tinyurl.com/chatbox-fa-v2"></script>
    (come puoi vedere è lo stesso del codice all'interno di un tag script ma non c'è niente all'interno del tag e c'è un attributo src aggiuntivo che ha come valuta l'indirizzo del foglio javascript da collegare)


Il javascript incluso nel primo metodo avrà un'azione solo quando l'evento viene eseguito (clic, hover, doppio clic, tasto premuto, ...) ei due metodi che seguono hanno il stessi effetti, ma l'utilizzo di un foglio di script può rendere la navigazione più veloce perché grazie alla cache del browser non dovrà essere ricaricato ogni volta che si apre la pagina.

Dove possiamo mettere questo javascript?

Come detto sopra, javascript non funziona nei messaggi, nei messaggi privati ​​e nella firma perché causerebbe un problema di sicurezza, ma Occhiolino

possiamo inserirlo in:
  • Codici Javascript.
  • Il messaggio nella home page.
  • Descrizioni delle categorie, forum, blog.
  • Le pagine html.
  • Annunci.
  • Widget.
  • I templates
  • La descrizione del sito.


E puoi anche collegare fogli javascript al forum tramite il pannello di amministrazione :good:

Quali sono le particolarità di questi diversi luoghi?

Per i codici Javascript :

Localizzazione: PA > Moduli > HTML & JAVASCRIPT > Gestione dei codici JavaScript .
Lunghezza massima: molto (può cambiare).
Il codice javascript è "compresso" per aumentare la velocità di visualizzazione, se il codice non è stato scritto bene (soprattutto per esempio con l'assenza di; in luoghi dove dovrebbe essercene) questo può essere un problema, il compilatore di chiusura in modalità semplice corregge questi errori e JSLint ti dice dove sono.
In questo modo inserirai il tuo codice in un foglio javascript e lo collegherai ai posizionamenti che hai scelto, quindi avrai solo bisogno di javascript al suo interno senza doverlo circondare con ^^
Visualizza: indice, portale, forum secondari, argomenti, galleria o ovunque.

  • Per il messaggio nella home page :

    • Posizione: Pannello di amministrazione ► Display > Generale > Messaggio nella home page .
    • Lunghezza massima: 16.384 caratteri (può cambiare).
    • Trasformazione di $ in $ (se vuoi usarlo per jquery devi mettere jQuery invece di $).
    • Il bbcode viene trasformato in html.
    • Visualizzazione: nella pagina indice del forum.


  • Per descrizioni di categorie, forum, blog :

    • Posizione: Pannello di amministrazione ► Generale > Categorie e forum > il Javascript su Forumattivo > Descrizione
    • Lunghezza massima: 16.384 caratteri (può cambiare).
    • Trasformazione di $ in $ (stessa osservazione per jquery).
    • Il bbcode viene trasformato in html.
    • Display: dove viene visualizzata la descrizione della sezione.


  • Per le pagine html :

    • Posizione: Pannello di amministrazione ► Moduli > Gestione delle pagine HTML .
    • Lunghezza massima: 128.000 caratteri (può cambiare).
    • Trasformazione di $ in $ durante la creazione della pagina (salvando su una pagina già creata non c'è questo problema).
    • Visualizzazione: aprendo il collegamento alla pagina.


  • Per gli annunci :

    • Posizione: Pannello di amministrazione ► Generale > Annunci .
    • Lunghezza massima: 65.535 caratteri (può cambiare).
    • Trasformazione di $ in $ (stessa osservazione per jquery).
    • Visualizzazione: a seconda della scelta in home page, nel portale o in tutte le pagine.


  • Per i widget :

    • Posizione: Pannello di amministrazione ► Moduli > Portale e widget .
    • Lunghezza massima: 65.535 caratteri (può cambiare).
    • Trasformazione di $ in $ (stessa osservazione per jquery).
    • Inserimento: sul portale e / o sul forum.


  • Per i modelli :

    • Posizione: Pannello di amministrazione ► Display > Modelli .
    • Lunghezza massima: 65.535 caratteri (può cambiare).
    • Disponibile per: phpbb2 e punbb.
    • Rimozione di tabulazioni, nuove righe, <? e?>.
    • Display: dove viene visualizzato il modello.


  • Per la descrizione del sito :

    • Posizione: Pannello di amministrazione ► Forum | Configurazione > Descrizione del sito .
    • Lunghezza massima: 255 caratteri (può cambiare).
    • Cancellazione del personaggio ".
    • In tutte le pagine del forum.


  • Per i meta tag :

    • Località: Pannello di amministrazione ► Generale > motori di ricerca > Javascript su Forumattivo .
    • Lunghezza massima: 200 caratteri ma solo per l'indirizzo del foglio javascript.
    • Sostituzione di "di " e di >
    • Nella pagina indice del forum e, se presente, nella pagina del portale e / o nella pagina home html.


Cos'è jquery?

JQuery è una libreria javascript con funzionalità che tutte usano solo javascript ma ci permettono di scrivere più semplicemente codice che funzionerà su tutti i browser.

L'ultima versione (attualmente 1.7.2) è inclusa in tutte le pagine di un forum forumactif, quindi è sempre utilizzabile direttamente senza dover aggiungere nulla.

Ecco un esempio molto piccolo che aggiunge "messaggio in grassetto" in grassetto alla fine della pagina:

Codice:
/* ajout de "<strong>message en gras</strong>" à la fin de la page */
jQuery('body').append('<strong>message en gras</strong>');
Utilizzando solo javascript avremmo dovuto inserire:

Codice:
/* création de la balise de gras */
var elementGras = document.createElement("strong");
/* création de l'élément contenant du texte */
var elementGrasText = document.createTextNode("message en gras");
/* ajout de l'élément contenant du texte dans la balise gras */
elementGras.appendChild(elementGrasText);
/* ajout de la balise de gras à la fin de la page */
document.body.appendChild(elementGras);

Dove imparare?

Per javascript:
  • Selfhtml.org : buona documentazione delle funzioni utilizzabili.
  • Mozilla.org : documentazione per mozilla.
  • Microsoft.com : documentazione Microsoft in inglese.
  • Ecma-international.org : lo standard per javascript in inglese.
  • Commentcamarche.net : buoni file.


Per il jquery:
  • Jquery.com : documentazione in inglese




Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 25
Messaggi : 8410
Località : Provincia di Varese

Visualizza il profilo https://www.openstudio.one
Niko è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto


 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.