begin process at 2012 05 29 20:13:48
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Ma première fonction

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Ma première fonction

vendredi 25 avril 2008 à 23:18:07 | Ma première fonction

leejunfan

Je tente d'ecrire une fonction pour gérer le background de liens dans un menu dynamique

Je suis carrément novice et évidement, ca ne marche pas :os

Je la reproduit ici en essayant de simplifier au maximum (le but est de changer le bg de lien a en survolant lien b)

html :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " [ Lien ]">
<html xmlns=" [ Lien ]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<link href="liens.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="liens.js"></script>
</head>

<body>
<p><a href="#" id="liena">lien a</a> </p>
<p><a href="#" onfocus="javascript:lien();">lien b</a></p>
</body>
</html>


css :

a:hover {background-color:red;}
.noir a:hover {background-color:black;}

javascript :

function lien(){
getElementById('liena').className='noir';
}

Si vous m'aidez a dépatouiller ca, je serais bienheureux ;o)
samedi 26 avril 2008 à 00:15:47 | Re : Ma première fonction

leejunfan
J'ai corrigé deux erreurs mais ca ne fonctionne toujours pas :

.noir a {background-color:black;}

document.getElementById('liena').className='noir';
samedi 26 avril 2008 à 08:50:52 | Re : Ma première fonction

nicomilville

Membre Club
Salut,

Tu aurai pu m'attendre, lol !!
Tout ça pour dire que je viens de me lever et que j'ai répondu a ton message !!!

J'ai répondu que si tu mettais une class sur tes liens tu pouvais peut être faire quelque chose dans ce genre :

   .class:hover
{
   background-color: couleur;
}

Si t'a besoin d'aide, MP !!!
samedi 26 avril 2008 à 08:52:08 | Re : Ma première fonction

PetoleTeam

Membre Club
Bonjour,
essaies avec ce style

<style type="text/css">
a:hover {
  background-color:red;
}
a.noir:hover { /* note l'ecriture */
  background-color : black;
  color : white
}
</style>
;O)
samedi 26 avril 2008 à 13:25:47 | Re : Ma première fonction

leejunfan
Merci de vos réponses ;o)

Je viens de tester ca et aucune des deux ne marchent, je m'explique.
Si je met la même classe aux deux liens, quand je survoole lien A, lien B est modifié, et c'est genant pour mon menu dynamique.
Pour ce qui est de la syntaxe css, cela ne fonctionne pas mais j'aurais au moins progressé en "orthographe" ;o)
samedi 26 avril 2008 à 13:47:41 | Re : Ma première fonction

bultez

Membre Club
Bonjour,

    >>Si je met la même classe aux deux liens, quand je survole lien A, lien B est modifié,
       ah ben... sûrement pas ? le "survol" est bien attaché au survol d'un lien
             l'autre ne change pas... puisque non survolé....

    >>Pour ce qui est de la syntaxe css, cela ne fonctionne pas
       si si ( l'impératrice ) désolé d'affirmer ça;, mais le css : ça fonctionne
       peut-être pas comme tu voudrais ?
          encore faudrait-il savoir ce que tu veux.... justement !
          et encore faut-il faire ce qu'il faut pour obtenir ce qu'on voudrait
          .... si c'est possible ( et ça ne l'est pas toujours... quoique )

    >>pour mon menu dynamique.
       pas vu de menu ici.... me trompe-je ?

                Cordialement            Bul         [mon Site]     [M'écrire]
samedi 26 avril 2008 à 13:52:41 | Re : Ma première fonction

leejunfan
Bonjour Bultez,

le problème est simple en fait je veux modifier le background de lien A au survol de lien B

Et je n'accuse ni le CSS ni le JavaScript, je voulais simplement dire que la solution proposé ne fonctionnait pas

Effectivement il n'y a pas de menu dynamique, j'ai tenté se simplifier au maximum le problème, j'adapterais par la suite à ce fameux menu
samedi 26 avril 2008 à 14:18:47 | Re : Ma première fonction

leejunfan
Je met la source du menu dynamique horizontal, si cela peut aider

Il est adapté dans mon cas avec une cascade de sous menu et je voudrais conserver le background des liens du haut vers le bas
samedi 26 avril 2008 à 14:20:14 | Re : Ma première fonction

nicomilville

Membre Club
Salut,

essaye ça, en supposant que le lienA est un attribut id qui vaut lienA et que le lienB est un attribut id qui vaut lienB :

document.getElementById('lienA').onmouseover = function () {
document.getElementById('lienA').style.background-color = "#couleur";
}
document.getElementById('lienB').onmouseover = function () {
document.getElementById('lienA').style.background-color = "#couleur";
document.getElementById('lienB').style.background-color = "#couleur";
}

Si t'a besoin d'aide, MP !!!
samedi 26 avril 2008 à 15:03:43 | Re : Ma première fonction

nicomilville

Membre Club
Re,

je viens de me rendre compte d'une erreur :

function lien () {
document.getElementById('lienA').onmouseover = function () {
document.getElementById('lienA').style.bgcolor = "#couleur";
}
document.getElementById('lienB').onmouseover = function () {
document.getElementById('lienA').style.bgcolor = "#couleur";
document.getElementById('lienB').style.bgcolor = "#couleur";
}
}

Si t'a besoin d'aide, MP !!!

1 2 3 4 5

Cette discussion est classée dans : fonction, lien, http, première, background

Répondre à ce message

Sujets en rapport avec ce message

Lien javascript [ par yoyo ] Salut tout le monde,g un petit pb,g un lien qui est une image et quand je clique dessus, je lance une fonction javascript.Sur IE, pas de probleme mais pb avec un lien [ par ASPerix ] bonjour,j'utilise la fonction suivante: function LmUp(path) { location.href = path; }Je voudrai que cette fonction redige ver redirection en fonction du (document.location) [ par fcdconnect ] Bonjour,je souhaite effectuer une redirection conditionnelle :si l'url de la page en cours (l'index) n'est pas de la forme (http://www.monsite.fr) alo Requête HTTP et Javascript [ par ppsoft ] Bonjour.Je souhaiterais avoir une fonction JavaScript qui s'exécute lors d'un changement de page, le but étant d'ajouter un paramètre dans la requête [JS]Simuler l'appuis sur un lien [ par Sarvok ] Hello tous,J'ai encore besoin de vous !En fait, j'ai fait un tit script qui me permet de changer des descriptions et des prixs, dans une page, sans ch setTimeout en cours??? [ par rttb ] Salut, Je lance un : q=setTimeout(fonction,1000) par une fonction appelee par un lien.si je click 2 fois sur le lien, le timer est demarre deux fois.J Problème PopUp [ par neo62matrix ] Salut tout le monde!Je suis un ptit nouveau du forum! J'ai un petit problème: j'ai fait un lien sur une image survolé en direction d'une page PopUp ma rollover lien [ par mathieumg ] Bonjour comment fait-ton pour que lorsque nous survolons un lien celui-ci change de couleur mais graduellement et lorsque onmouseout le même effet se saveas sous FireFox [ par crashtest ] Bonjour,alors c'est simple je voudrais faire pareil que le saveas de IE mais sous FireFox voila @++ et merci pour vos réponse.Mes sitewebs (fonction s Probleme menu javascript dans frame [ par yukhaa ] Voila j'ai un menu en javascript que j'ai integré dans une frame, seulement quand je clique su un lien ça me met le message suivant"top.site.location


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 8,408 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)