// 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 = ''; 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[i]+'
' } 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"; }