Couleurs de lien à programmer

Signaler
Messages postés
114
Date d'inscription
samedi 27 juillet 2013
Statut
Membre
Dernière intervention
7 mai 2014
-
Messages postés
114
Date d'inscription
samedi 27 juillet 2013
Statut
Membre
Dernière intervention
7 mai 2014
-
Bonjour,

J'aimerai créer une palette qui me permet de produire des liens avec une couleur que l'on definie, j'ai testé quelquechose mais ce n'est pas formidable et ça ne fonctionne pas comme je veux.

=>J'ai mes liens dans ma page et dans un frame. Ils sont dans un tableau avec une class "col".

<table id="barre-menu">
	<tr>
		<td>
			<a href="#" class="col">Graphisme</a> 
			<a href="#" class="col">Photos</a>
			<a href="#" class="col">Videos</a> 
			<a href="#" class="col">Sonics</a> 
			<a href="#" class="col">Cinémas</a> 
			<a href="#" class="col">Web-Radio</a>
		</td>
	</tr>
</table>


J'ai une palette qui est un tableau html qui s'affiche


<TABLE id="palette1">
	<TR>
		<TD colspan="9" style="background-color:#C0C0C0; width:162px; height:15px; border-color: #000000;
		border-style: solid; border-width: thin; padding: 0px;">
		 <a href="#" onClick="javascript:CachePalette1('none')" title="Fermer">
		<img src="images/croix1-pix.gif" alt=""  class="boutoncroix"></a></TD>
	</TR>
	<TR>
		<TD style="background-color:#000000; width:18px; height:9px;" onClick="CouleurDuFond5('#000000')"></TD>
		<TD style="background-color:#333333; width:18px; height:9px;" onClick="CouleurDuFond5('#333333')"></TD>
		<TD style="background-color:#666666; width:18px; height:9px;" onClick="CouleurDuFond5('#666666')"></TD>

ect, ect...



Dans le script j'ai une instruction qui par la méthode getElementsByTagName donne une couleur au tag "a" et ça ne marche pas



function CouleurDuFond5(value) {
		var fram = parent.frames['droite'];
		fram.document.getElementsByTagName("a").style.color=value;
		var ZoneCouleur5 = value;
		alert(ZoneCouleur5);
	}





Comment faire ? Car je ne peux pas utiliser un id unique pour l'ensemble de mes liens

Le programme avec la demonstration à cette adresse

http://www.blog-machine.fr/frame.htm

2 réponses

Messages postés
114
Date d'inscription
samedi 27 juillet 2013
Statut
Membre
Dernière intervention
7 mai 2014

Comme ceci je récupère ma valeur de couleur dans la boite d'alert mais impossible d'imposer ma couleur au programme qui reste invariablement sans vie, sans couleur

function CouleurDuFond5(value) {
		
		var fram = parent.frames['droite'];
		fram.document.getElementsByTagName('span').innerHTML= value;
		var ZoneCouleur5 = value;
		alert(ZoneCouleur5);
}

===>La déclaration html

<p><span id="titre">Le Blog-Machine</span></p>

Messages postés
114
Date d'inscription
samedi 27 juillet 2013
Statut
Membre
Dernière intervention
7 mai 2014

J'ai trouvé dans un fichier d'exemple de selfhtml
function CouleurDuFond5(value) {	
	var fram = parent.frames['droite'];
 	for(var i = 0; i < document.getElementsByTagName('a').length; i++) {
	fram.document.getElementsByTagName('a')[i].style.color = value;
var valeurLien = value;
alert(valeurLien);
	}
	}

Il reste pourtant un problème pour les liens survolés, là a:hover à la place du tag a ne fonctionne pas