Javascript : Modif couleur sur titre clignotant
Répondre à la discussion
Affichage des résultats 1 à 4 sur 4

Javascript : Modif couleur sur titre clignotant



  1. #1
    invite4d362d4b

    Javascript : Modif couleur sur titre clignotant


    ------

    Bonjour à tous
    Je mets à jour (j'essaie tout du moins) le site de notre association, la personne s'en occupant ayant arrêter et non joignable pendant quelques mois. Il m'a fait une petite formation me permettant de mettre à jour l'essentiel.
    Je travaille avec Dreamweaver4 et je voudrais modifier la couleur de l'invite pas très visible à entrer sur le site en haut à gauche . En cliquant dessus je ne peux pas le modifier directement,il m'envoie sur un programme JAVA ci-dessous. Le site est www.audax-uaf.com
    Merci d'avance
    Patrick

    Code:
    /*
    Inserer ici les messages à afficher
    */
    var message2 = new initTableau(
    "Cliquez ici","pour visiter",
    "le site"
    );
    
    /*
    Déclaration de variables
    vous pouvez modifier la vitesse et la taille de police max!
    Attention : Plus vitesse est haut, plus la vitesse diminue!
    */
    var vitesse = 40;
    var cycle = 40;
    var taillemax = 30;
    var police = "Genova";
    var x = 0;
    var y = 0;
    var message, taille;
    	
    
    /*
    Ne plus rien modifié sous cette ligne
    */
    
    function initTableau() {
    	this.length = initTableau.arguments.length;
    	for (var i = 0; i < this.length; i++) {
    		this[i] = initTableau.arguments[i];
      		}
    	}
    
    function AugmenteTaille(){ 
    	message = message2[y];
    	if (x < taillemax) {
    		x++;
    		setTimeout("AugmenteTaille()",vitesse);
    	}
    	else setTimeout("DiminueTaille()",cycle);
    	
    	//Utilisation différente du dhtml selon Netscape ou Internet Explorer
    	if(navigator.appName == "Netscape" && navigator.appVersion.indexOf("5") == -1) {
    		taille = "<font point-size='"+x+"pt'>"; 
    		document.calque.document.write(taille+"<center><font face="+police+">"+message+"</center></font></font>");
    		document.calque.document.close();
    		}
    	/*
    	Condition pour Netscape 6
    	*/
    	if((navigator.appName == "Netscape") && (navigator.appVersion.indexOf("5") != -1)){
    		document.getElementById("calque").innerHTML = "<center><font face="+police+" style='font-size:"+x+"px'>"+message+"</center></font>";
    		
    		}
    	if (navigator.appVersion.indexOf("MSIE") != -1){
    		calque.innerHTML = "<center><font face="+police+">"+message+"</center></font>";
    		calque.style.fontSize=x+'px'
       		}
    	} 
    
    function DiminueTaille(){
    	if (x > 1) {
    		x--;
    		setTimeout("DiminueTaille()",vitesse);
    		}
    	else {
    		setTimeout("AugmenteTaille()",cycle);
    		y++;
    		if (y > message2.length - 1) y = 0;
    		}
    
    	if(navigator.appName == "Netscape" && navigator.appVersion.indexOf("5") == -1){
    		taille = "<font point-size='"+x+"pt'>"; 
    		document.calque.document.write(taille+"<center><font face=Arial>"+message+"</center></font></font>");
    		document.calque.document.close();
    		}
    	/*
    	Condition pour Netscape 6
    	*/
    	if((navigator.appName == "Netscape") && (navigator.appVersion.indexOf("5") != -1)){
    		document.getElementById("calque").innerHTML ="<center><font face="+police+" style='font-size:"+x+"px'>"+message+"</center></font>";
    
    		}
    
    	if (navigator.appVersion.indexOf("MSIE") != -1){
    		calque.innerHTML = "<center><font face=Arial>"+message+"</center></font>";
    		calque.style.fontSize=x+'px'
      		}
    	}
    
    
    
    /*
    On adapte le calque selon le navigateur
    */
    
    if(navigator.appName == "Netscape" && navigator.appVersion.indexOf("5") == -1)
    document.write('<layer id="calque"></layer><br>');
    if((navigator.appName == "Netscape") && (navigator.appVersion.indexOf("5") != -1))
    document.write('<DIV STYLE="font-size:12px" ID="calque"></DIV>');
    if (navigator.appVersion.indexOf("MSIE") != -1)
    document.write('<span id="calque"></span><br>');
    
    
    
    
    setTimeout("AugmenteTaille()",vitesse);

    -----
    Dernière modification par JPL ; 06/01/2010 à 18h20.

  2. #2
    JPL
    Responsable des forums

    Re : Javascript : Modif couleur sur titre clignotant

    J'ai mis le programme dans une balise Code . C'est plus lisible.

    Mais beurk ! Un titre clignotant
    Rien ne sert de penser, il faut réfléchir avant - Pierre Dac

  3. #3
    invite4d362d4b

    Re : Javascript : Modif couleur sur titre clignotant

    Merci JPL. Pourquoi Beurk ? Je n'y connais rien, il y a 4 jours je n'avais jamais mis les pieds dans un site (de ce côté) mais ça me passionne déjà, je suis à fond dans la familiarisation avec le HTML !

  4. #4
    JPL
    Responsable des forums

    Re : Javascript : Modif couleur sur titre clignotant

    Parce que les titres clignotants ça agresse et c'est très daté des débuts du web, avec la balise <blink> introduite par Netscape et qui a été hélas adoptée dans html et même semble-t-il dans xhtml.
    Mais chacun ses goûts.
    Rien ne sert de penser, il faut réfléchir avant - Pierre Dac

  5. A voir en vidéo sur Futura

Discussions similaires

  1. CSS + JavaScript ; Changer la couleur des champs d'un formulaire
    Par zoup1 dans le forum Logiciel - Software - Open Source
    Réponses: 14
    Dernier message: 05/07/2011, 15h17
  2. changement de titre en javascript
    Par bird12358 dans le forum Internet - Réseau - Sécurité générale
    Réponses: 1
    Dernier message: 21/10/2007, 10h17
  3. affichage clignotant sur LCD
    Par invite5396f733 dans le forum Électronique
    Réponses: 11
    Dernier message: 21/09/2007, 09h39
  4. Défaillance couleur sur un TV couleur
    Par invited61bb5d7 dans le forum Dépannage
    Réponses: 4
    Dernier message: 04/07/2006, 12h21
Dans la rubrique Tech de Futura, découvrez nos comparatifs produits sur l'informatique et les technologies : imprimantes laser couleur, casques audio, chaises gamer...