// Les lignes qui suivent changent l'apparence du bouton Weektionnaire au survol de la souris. function BoutonWeektionnaireIn() { document.getElementById('Fond').style.background="url(images/widget/widgetlogoover.png)"; } // Les lignes qui suivent r�tablissent l'apparence du bouton Weektionnaire quand la souris n'est plus dessus. function BoutonWeektionnaireOut() { document.getElementById('Fond').style.background="url(images/widget/widget.png)"; } // Les lignes qui suivent changent l'apparence du bouton Minimiser au survol de la souris. function BoutonMinimiserIn() { document.getElementById('Fond').style.background="url(images/widget/widgetminimiserover.png)"; } // Les lignes qui suivent r�tablissent l'apparence du bouton Minimiser quand la souris n'est plus dessus. function BoutonMinimiserOut() { document.getElementById('Fond').style.background="url(images/widget/widget.png)"; } // Les lignes qui suivent changent l'apparence du bouton Rechercher au survol de la souris. function BoutonRechercherIn() { document.getElementById('Fond').style.background="url(images/widget/widgetrechercherover.png)"; } // Les lignes qui suivent r�tablissent l'apparence du bouton Rechercher quand la souris n'est plus dessus. function BoutonRechercherOut() { document.getElementById('Fond').style.background="url(images/widget/widget.png)"; } // Les lignes qui suivent changent l'apparence du bouton Historique au survol de la souris. function BoutonHistoriqueIn() { document.getElementById('BoutonHistorique').style.background="url(images/boutons/historiqueover.png)"; } // Les lignes qui suivent r�tablissent l'apparence du bouton Historique quand la souris n'est plus dessus. function BoutonHistoriqueOut() { document.getElementById('BoutonHistorique').style.background="url(images/boutons/historique.png)"; } // Les lignes qui suivent changent la taille du texte de la d�finition � 125%. function TextePlusPlus(){ document.getElementById('TexteDefinition').style.fontSize="125%"; } // Les lignes qui suivent changent la taille du texte de la d�finition � 100%. function TextePlus(){ document.getElementById('TexteDefinition').style.fontSize="100%"; } // Les lignes qui suivent changent la taille du texte de la d�finition � l'originale, c�d 75%. function TexteOriginal(){ document.getElementById('TexteDefinition').style.fontSize="75%"; } // Les lignes qui suivent changent la couleur du texte de la d�finition en noir. function TexteNoir(){ document.getElementById('TexteDefinition').style.color="black"; } // Les lignes qui suivent changent la couleur du texte de la d�finition en rouge. function TexteRouge(){ document.getElementById('TexteDefinition').style.color="red"; } // Les lignes qui suivent changent la couleur du texte de la d�finition en bleu. function TexteBleu(){ document.getElementById('TexteDefinition').style.color="blue"; } // Les lignes qui suivent changent la couleur du texte de la d�finition en orange. function TexteOrange(){ document.getElementById('TexteDefinition').style.color="orange"; } // Les lignes qui suivent changent la couleur du texte de la d�finition en vert. function TexteVert(){ document.getElementById('TexteDefinition').style.color="green"; } // Les lignes qui suivent r�tablissent la couleur du lien dont l'ID est sp�cifi� en noir. function LienNoir(thingId){ document.getElementById(thingId).style.color="black"; } // Les lignes qui suivent changent la couleur du lien qui change la couleur du texte en noir au survol de la souris. function LienGris(){ document.getElementById('Black').style.color="Gray"; } // Les lignes qui suivent changent la couleur du lien qui change la couleur du texte en rouge au survol de la souris. function LienRouge(){ document.getElementById('Red').style.color="red"; } // Les lignes qui suivent changent la couleur du lien qui change la couleur du texte en bleu au survol de la souris. function LienBleu(){ document.getElementById('Blue').style.color="blue"; } // Les lignes qui suivent changent la couleur du lien qui change la couleur du texte en orange au survol de la souris. function LienOrange(){ document.getElementById('Orange').style.color="orange"; } // Les lignes qui suivent changent la couleur du lien qui change la couleur du texte en vert au survol de la souris. function LienVert(){ document.getElementById('Green').style.color="green"; } // Les lignes qui suivent changent l'apparence du bouton fermer du menu Options au survol de la souris. function FermerIn(){ document.getElementById("Fermer").src="images/boutons/fermerover.png"; } // Les lignes qui suivent r�tablissent l'apparence du bouton fermer du menu Options quand la souris n'est plus sur le bouton. function FermerOut(){ document.getElementById("Fermer").src="images/boutons/fermer.png"; } // Les lignes qui suivent changent l'apparence du bouton fermer du menu Historique au survol de la souris. function FermerHIn(){ document.getElementById("FermerH").src="images/boutons/fermerover.png"; } // Les lignes qui suivent r�tabliseent l'apparence du bouton fermer du menu Historique quand la souris n'est plus sur le bouton. function FermerHOut(){ document.getElementById("FermerH").src="images/boutons/fermer.png"; } // Les lignes qui suivent ferment le menu Options au clic sur la croix en haut � droite du menu. function FermerMenu(){ document.getElementById('MenuOptions').style.display = "none"; } // Les lignes qui suivent ferment le menu Historique au clic sur la croix en haut � gauche du menu. function FermerHistorique(){ document.getElementById('MenuHistorique').style.display = "none"; } // Les lignes qui suivent ferment les menus et l'affichage de la d�finition au clic sur la zone de recherche. function FermerDefinitionInput(){ document.getElementById('FondDefinition').style.display = "none"; document.getElementById('MenuOptions').style.display = "none"; document.getElementById('MenuHistorique').style.display = "none"; } // Les lignes qui suivent agissent comme un "minimiser" sur n'importe quel object dont l'ID est sp�cifi� entre parenth�ses. Utilis� pour le FondDefinition. function Minimiser(thingId){ var visibilite; visibilite = document.getElementById(thingId); if (visibilite.style.display == "none") { visibilite.style.display = "" ; } else { visibilite.style.display = "none" ; } } // Les lignes qui suivent agissent comme un "minimiser" du menu Historique au clic sur le bouton Historique. function ToggleMenuHistorique(){ var visibilite; visibilite = document.getElementById("MenuHistorique"); if (visibilite.style.display == "none") { visibilite.style.display = "" ; document.getElementById("MenuOptions").style.display = "none"; } else { visibilite.style.display = "none" ; } } // Les lignes qui suivent agissent comme un "minimiser" du menu Options au clic sur le bouton Weektionnaire. function ToggleMenuOptions(){ var visibilite; visibilite = document.getElementById("MenuOptions"); if (visibilite.style.display == "none") { visibilite.style.display = "" ; document.getElementById("MenuHistorique").style.display = "none"; } else { visibilite.style.display = "none" ; } } // Version Firefox de la recherche. Elle est rapide et efficace. function Rechercher(){ // La ligne ci-dessous permet d'utiliser ce script "soit-disant" dangereux. netscape.security.PrivilegeManager.enablePrivilege('UniversalBrowserRead'); // La ligne ci-dessous stocke le mot entr� dans la zone de recherche dans une variable pour la recherche, ainsi que pour l'historique. var mot = document.getElementById('Weektionnaire').value; // La ligne ci-dessous place en premi�re position la derni�re entr�e dans la zone de recherche. historique.unshift(mot); // La ligne ci-dessous cr�� la variable du lien qui permet d'aller chercher une d�finition selon le mot entr�. Cette technique n�cessite cependant de valider la recherche deux fois. var lien = "http://www.cnrtl.fr/definition/" +mot; // Definition CNRTL est le nom de l'iFrame qui va servir de conteneur temporaire. La ligne ci-dessous va donc simplement changer le lien de l'iFrame et mettre celui du mot recherch�. document.getElementById("DefinitionCNRTL").src = lien; // La ligne ci-dessous remplace le contenu de la div TexteDefinition par la d�finition. Elle sera donc affich�e. document.getElementById("TexteDefinition").innerHTML = frame.document.getElementById('lexicontent').innerHTML; // La ligne ci-dessous va afficher l'image du widget qui est, au d�part, cach�e, ainsi que la d�finition. document.getElementById('FondDefinition').style.display = ""; } // Version PHP de la recherche, le script du dessus ne fonctionnant pas sous Webkit. function RechercherNew(){ var mot = document.getElementById('Weektionnaire').value; historique.unshift(mot); // La ligne ci-dessous sp�cifie o� est le document PHP. var lien = "http://weektionnaire.lescigales.org/WeektionnaireSearchEngine.php?recherche=" + document.getElementById('Weektionnaire').value; // La ligne ci-dessous va afficher le contenu du fichier PHP heberg� via un object. document.getElementById('TexteDefinition').innerHTML = '<object data="'+lien+'" width="242px" height="179px" type="text/html"></object>'; document.getElementById('FondDefinition').style.display = ""; } // Les lignes qui suivent traitent de l'historique. // La ligne ci-dessous cr�� un nouveau tableau qui stocke les mots recherch�s. var historique = new Array() function ajouterHistorique(mot){ historique.unshift(mot) } // Les lignes qui suivent actualisent l'historique � l'entr�e d'un mot. function actualiserHistorique(){ var texteHistorique = "" for(var i=0; i<historique.length; i++){ // La ligne ci-dessous cr�er un span avec le mot entr�, et quand on clique dessus, il appelle une fonction qui modifie la valeur de la zone de recherche (plus de d�tails en dessous). texteHistorique += '<span onClick="'+"ChangerMot('"+historique[i]+"')"+'">'+historique[i]+'</span> <br/>' } document.getElementById("Mots").innerHTML = texteHistorique } // Les lignes ci-dessous changent la valeur de la zone de recherche nomm�e Weektionnaire et la remplacent par le mot cliqu� qui est dans l'historique. Cette fonction est appel�e au dessus. function ChangerMot(mot){ document.getElementById("Weektionnaire").value = mot; document.getElementById("MenuHistorique").style.display = "none"; }