Couleurs de lien à programmer

blog-machine Messages postés 114 Date d'inscription samedi 27 juillet 2013 Statut Membre Dernière intervention 7 mai 2014 - 9 août 2013 à 17:19
blog-machine Messages postés 114 Date d'inscription samedi 27 juillet 2013 Statut Membre Dernière intervention 7 mai 2014 - 10 août 2013 à 19:47
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

blog-machine Messages postés 114 Date d'inscription samedi 27 juillet 2013 Statut Membre Dernière intervention 7 mai 2014
10 août 2013 à 16:03
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>

0
blog-machine Messages postés 114 Date d'inscription samedi 27 juillet 2013 Statut Membre Dernière intervention 7 mai 2014
10 août 2013 à 19:47
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
0
Rejoignez-nous