Javascript su Forumattivo

Cosa si può fare con javascript?

• 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.

Cosa non possiamo fare con javascript?

• 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?

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)

Dove possiamo mettere questo javascript?

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

Quali sono le particolarità di questi diversi luoghi?

• 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?

Codice:

/* ajout de "<strong>message en gras</strong>" à la fin de la page */
jQuery('body').append('<strong>message en gras</strong>');

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?

• 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.

• Jquery.com : documentazione in inglese