|
|
|
|
// 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<EFBFBD>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<EFBFBD>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<EFBFBD>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<EFBFBD>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<EFBFBD>finition <EFBFBD> 125%.
|
|
|
|
|
function TextePlusPlus(){
|
|
|
|
|
document.getElementById('TexteDefinition').style.fontSize="125%";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Les lignes qui suivent changent la taille du texte de la d<EFBFBD>finition <EFBFBD> 100%.
|
|
|
|
|
function TextePlus(){
|
|
|
|
|
document.getElementById('TexteDefinition').style.fontSize="100%";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Les lignes qui suivent changent la taille du texte de la d<EFBFBD>finition <EFBFBD> l'originale, c<EFBFBD>d 75%.
|
|
|
|
|
function TexteOriginal(){
|
|
|
|
|
document.getElementById('TexteDefinition').style.fontSize="75%";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Les lignes qui suivent changent la couleur du texte de la d<EFBFBD>finition en noir.
|
|
|
|
|
function TexteNoir(){
|
|
|
|
|
document.getElementById('TexteDefinition').style.color="black";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Les lignes qui suivent changent la couleur du texte de la d<EFBFBD>finition en rouge.
|
|
|
|
|
function TexteRouge(){
|
|
|
|
|
document.getElementById('TexteDefinition').style.color="red";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Les lignes qui suivent changent la couleur du texte de la d<EFBFBD>finition en bleu.
|
|
|
|
|
function TexteBleu(){
|
|
|
|
|
document.getElementById('TexteDefinition').style.color="blue";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Les lignes qui suivent changent la couleur du texte de la d<EFBFBD>finition en orange.
|
|
|
|
|
function TexteOrange(){
|
|
|
|
|
document.getElementById('TexteDefinition').style.color="orange";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Les lignes qui suivent changent la couleur du texte de la d<EFBFBD>finition en vert.
|
|
|
|
|
function TexteVert(){
|
|
|
|
|
document.getElementById('TexteDefinition').style.color="green";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Les lignes qui suivent r<EFBFBD>tablissent la couleur du lien dont l'ID est sp<EFBFBD>cifi<EFBFBD> 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<EFBFBD>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<EFBFBD>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 <EFBFBD> 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 <EFBFBD> gauche du menu.
|
|
|
|
|
function FermerHistorique(){
|
|
|
|
|
document.getElementById('MenuHistorique').style.display = "none";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Les lignes qui suivent ferment les menus et l'affichage de la d<EFBFBD>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<EFBFBD>cifi<EFBFBD> entre parenth<EFBFBD>ses. Utilis<EFBFBD> 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<EFBFBD> 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<EFBFBD>re position la derni<EFBFBD>re entr<EFBFBD>e dans la zone de recherche.
|
|
|
|
|
historique.unshift(mot);
|
|
|
|
|
// La ligne ci-dessous cr<EFBFBD><EFBFBD> la variable du lien qui permet d'aller chercher une d<EFBFBD>finition selon le mot entr<EFBFBD>. Cette technique n<EFBFBD>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<EFBFBD>.
|
|
|
|
|
document.getElementById("DefinitionCNRTL").src = lien;
|
|
|
|
|
// La ligne ci-dessous remplace le contenu de la div TexteDefinition par la d<EFBFBD>finition. Elle sera donc affich<EFBFBD>e.
|
|
|
|
|
document.getElementById("TexteDefinition").innerHTML = frame.document.getElementById('lexicontent').innerHTML;
|
|
|
|
|
// La ligne ci-dessous va afficher l'image du widget qui est, au d<EFBFBD>part, cach<EFBFBD>e, ainsi que la d<EFBFBD>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<EFBFBD>cifie o<EFBFBD> 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<EFBFBD> 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<EFBFBD><EFBFBD> un nouveau tableau qui stocke les mots recherch<EFBFBD>s.
|
|
|
|
|
var historique = new Array()
|
|
|
|
|
function ajouterHistorique(mot){
|
|
|
|
|
historique.unshift(mot)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Les lignes qui suivent actualisent l'historique <EFBFBD> l'entr<EFBFBD>e d'un mot.
|
|
|
|
|
function actualiserHistorique(){
|
|
|
|
|
var texteHistorique = ""
|
|
|
|
|
for(var i=0; i<historique.length; i++){
|
|
|
|
|
// La ligne ci-dessous cr<EFBFBD>er un span avec le mot entr<EFBFBD>, et quand on clique dessus, il appelle une fonction qui modifie la valeur de la zone de recherche (plus de d<EFBFBD>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<EFBFBD>e Weektionnaire et la remplacent par le mot cliqu<EFBFBD> qui est dans l'historique. Cette fonction est appel<EFBFBD>e au dessus.
|
|
|
|
|
function ChangerMot(mot){
|
|
|
|
|
document.getElementById("Weektionnaire").value = mot;
|
|
|
|
|
document.getElementById("MenuHistorique").style.display = "none";
|
|
|
|
|
}
|