Aide pour attributs ID

[Malabarbe]

Bonjour,

Voilà mon soucis :

Je fais mon ID

<div id="message" align="center"><b><font size="5" color="#99ff99">Veuillez Patientez, Chargement...</div>

Quand je veut la rafraichir avec :

<script type="text/javascript"> 
  document.getElementById('message').innerHTML = "La Liste cômplète"; 
</script>

Le nouveau texte qui s'affiche a perdu les attributs (taille et couleur !)

Merci de m'aider

 

[KangOl]

merci de respecter les règles de mise en page.

 

[KangOl]

merci d'utiliser les css

 

[Malabarbe]

Comment faire ?
merci de respecter les règles de mise en page.

 

[KangOl]

Vous devez être connecté pour voir les liens.

http://www.presence-pc.com/forum/ppc/Programmation/quelques-regles-simples-respecter-lire-poster-sujet-1356-1.htm

 

[Malabarbe]

Ok, j'ai modifié mon post

 

[_yann_]

Bonjour,

Sujet lu 44 fois, personne ne veut t'aider !

Dans ton code tu affectes des attributs au texte contenu dans le div au lieu d'affecter ces attributs au div (au passage il manque </b></font> avant la fermeture du div).

Pour arriver à tes fins, place le code suivant dans l'entête de la page (entre les balises head) :

<style type="text/css">
.monformat { font-size: 20px; font-weight: bold; color: #99FF99; }
</style>

ajuste la valeur 20px pour que la taille corresponde à celle que tu veux,

puis modifie ta balise div comme ceci :

<div id="message" align="center" class="monformat">Veuillez Patientez, Chargement...</div>

That's all !

 

[Malabarbe]

Salut _yann_,

Merci pour la manip, cela tourne bien

Deux petite choses :
1) Comment changer la couleur quand
je réaffiche mon DIV ?

2) Comment faire clignoter "Veuillez Patientez, Chargement..."
mais pas "Terminé" ?

A te lire

 

[KangOl]

1/ changer la class
2/ un ptit coup de javascript (ou un gif)

 

[Malabarbe]

Bonsoir,

J'ai changé la class, cala ne change rien !

<style type="text/css">
.monformat { font-size: 20px; font-weight: bold; color: #99FF99; }
.monformat2 { font-size: 120px; font-weight: bold; color: #ff99ff; }

<div id="message" align="center" class="monformat">Veuillez Patientez, Chargement...</div>
</style>

Dans le rafraichement du DIV

<script type="text/javascript" class="monformat2">
  document.getElementById('message').innerHTML = "La Liste cômplète";
</script>

Mais pas de résultats ???

Comment faire ?

 

[KangOl]

et si tu apprenais le css et le js ?

 

[KangOl]

<script type="text/javascript">
  var msg = document.getElementById('message');
  msg.innerHTML = "La Liste cômplète";
  msg.className = 'monformat2";
</script>

 

[Malabarbe]

Salut KangOl,

Ok, merci pour le code, c'est OK

A part le double guillemet dans le code, mais, j'ai rectifié.

msg.className = 'monformat2"; = msg.className = 'monformat2';

Me reste a faire, c'est de faire clignoter (Veuillez Patientez, Chargement...)
mais pas (La Liste cômplète)

Si tu peut me trouver cela, et si c'est OK, je vais te soumettre deux
codes (le tien et le mien)

Voir lequel est le mieux ?

Et soit l'un ou l'autre voir a l'optimiser.

Merci pour vos compténces.