Est-ce possible en CSS ?
- Créateur du sujet Savagnin
- Date de début
Salut à tous !
Bon ben comme il faut s'initier à Javascript, je m'y mets avec des tutoriels dénichés là : http://www.aidejavascript.com/... et les ennuis commencent (c'est la deuxième leçon, alors ça promet
)
En fait quand je tape le script suivant
<script language="JavaScript">
<!-- Debut script
document.write("C'est mon 2ème script");
// Fin script-->
</script>
dans ma page .htm avec Smultron et que je l'ouvre avec Safari, ben rien ne se passe
Alors que sous Firefox et IE, ça marche...
Comment ce fait-ce ?
(après, je ne vous embête plus jusqu'à la prochaine question )
A bientôt donc...
Bon ben comme il faut s'initier à Javascript, je m'y mets avec des tutoriels dénichés là : http://www.aidejavascript.com/... et les ennuis commencent (c'est la deuxième leçon, alors ça promet
)En fait quand je tape le script suivant
<script language="JavaScript">
<!-- Debut script
document.write("C'est mon 2ème script");
// Fin script-->
</script>
dans ma page .htm avec Smultron et que je l'ouvre avec Safari, ben rien ne se passe
Alors que sous Firefox et IE, ça marche...
Comment ce fait-ce ?
(après, je ne vous embête plus jusqu'à la prochaine question
)A bientôt donc...
j'ai copier coller ton code, moi ca marche impec sous safari
<script language="JavaScript" type="text/javascript">
<!-- Debut script
document.write("C'est mon 2ème script");
// Fin script-->
</script>
<script language="JavaScript" type="text/javascript">
<!-- Debut script
document.write("C'est mon 2ème script");
// Fin script-->
</script>
MOI AUSSI !
Quand je copie/colle que ça, ça marche
... en fait, c'est quand j'ai ce qui est en rouge en plus de mon javascript que ça marche pas avec safari :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Mon deuxième script</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="JavaScript">
<!-- Debut script
document.write("C'est mon 2ème script");
// Fin script-->
</script>
</head>
<body>
</body>
</html>
C'est peut-être logique, mais pas pour moi ! (d'autant que ça marche avec les autres navigateurs)
Quand je copie/colle que ça, ça marche
... en fait, c'est quand j'ai ce qui est en rouge en plus de mon javascript que ça marche pas avec safari :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Mon deuxième script</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="JavaScript">
<!-- Debut script
document.write("C'est mon 2ème script");
// Fin script-->
</script>
</head>
<body>
</body>
</html>
C'est peut-être logique, mais pas pour moi ! (d'autant que ça marche avec les autres navigateurs)
essayes avec ça
<script type="text/javascript">
</script>
comme balise
je ne promets rien car je n'ai pas mon mac avec moi mais ça peut provenir de ça (language n'est pas standart)
<script type="text/javascript">
</script>
comme balise
je ne promets rien car je n'ai pas mon mac avec moi mais ça peut provenir de ça (language n'est pas standart)
salut,
il semble que safari refuse d'afficher une chaine de caractères sans balises html pour l'encadrer (c'est une supposition)
si tu essaies avec :
<script type="text/javascript">
//<![CDATA[
document.write('<p>Cest mon 2eme script</p>');
//]]
</script>
cela fonctionne
il semble que safari refuse d'afficher une chaine de caractères sans balises html pour l'encadrer (c'est une supposition)
si tu essaies avec :
<script type="text/javascript">
//<![CDATA[
document.write('<p>Cest mon 2eme script</p>');
//]]
</script>
cela fonctionne
Je m'excuse de revenir à la charge avec mes questions lancinantes, mais voici mon problème (qui fait suite à ce "vieux" topic...)
J'ai réalisé les CSS suivantes
#reference a
{
width: 127px;
height: 120px;
background-image: url("../IMAGES/REF_2.jpg");
background-repeat: no-repeat;
border: 0;
position: absolute;
margin-left: 538px;
margin-top: 1198px;
}
#reference a:hover
{
background-image: url("../IMAGES/REF_1.jpg");
}
#ref a
{
text-decoration: none;
color: rgb(183,188,191);
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
position: absolute;
margin-left: 675px;
margin-top: 1250px;
z-index: 1;
}
#ref a:hover
{
color: white;
}
pour avoir l'image ci dessous...
Tout va bien, mon image change quand je la survole, mon texte devient blanc quand je le survole... mais comment faire pour que mon image change quand je survole mon texte et vice versa ?
Au début, j'avais regroupé texte et image dans une même CSS, ça marchait mais du coup, la "zone sensible au lien" était trop importante, du coup, j'ai fait 2 CSS...
J'ai essayé d'adapter le javascript de Canibal mais sans succès (mes connaissances en Javascript sont plus que limitées...), et là, je sèche et je suis fatigué ...
D'avance merci à celui qui pourra éclairer ma lanterne...
J'ai réalisé les CSS suivantes
#reference a
{
width: 127px;
height: 120px;
background-image: url("../IMAGES/REF_2.jpg");
background-repeat: no-repeat;
border: 0;
position: absolute;
margin-left: 538px;
margin-top: 1198px;
}
#reference a:hover
{
background-image: url("../IMAGES/REF_1.jpg");
}
#ref a
{
text-decoration: none;
color: rgb(183,188,191);
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
position: absolute;
margin-left: 675px;
margin-top: 1250px;
z-index: 1;
}
#ref a:hover
{
color: white;
}
pour avoir l'image ci dessous...
Tout va bien, mon image change quand je la survole, mon texte devient blanc quand je le survole... mais comment faire pour que mon image change quand je survole mon texte et vice versa ?
Au début, j'avais regroupé texte et image dans une même CSS, ça marchait mais du coup, la "zone sensible au lien" était trop importante, du coup, j'ai fait 2 CSS...
J'ai essayé d'adapter le javascript de Canibal mais sans succès (mes connaissances en Javascript sont plus que limitées...), et là, je sèche et je suis fatigué
...D'avance merci à celui qui pourra éclairer ma lanterne...
Finalement, j'ai réussi en phagocytant le script de Canibal et j'ai fait ça, et apparement, ça marche :
Le script de Canibal "adapté" :
<script language="javascript">
function modif() {
var divcoul = document.getElementById('coul');
var divnb = document.getElementById('nb');
var displaycoul = divcoul.style.display ? '' : 'none';
var displaynb = divnb.style.display ? '' : 'none';
divcoul.style.display = displaycoul;
divnb.style.display = displaynb;
}
</script>
Le code :
<div class="menubas" id="coul" style="display:none;"></div>
<div class="menubas2" id="nb"></div>
<div id="ref">
<a href="#" onmouseover="modif()" onmouseout="modif()">Nos références</a>
</div>
... et maintenant, quand je passe sur "Les références", le texte devient blanc (because CSS "ref") et ma photo s'allume (because Javascript)...
Maintenant, si j'ai bien compris, il faut que je fasse la même chose pour que mon texte devienne blanc quand on "allumera" la photo...
Concentrons-nous...:rateau:
Le script de Canibal "adapté" :
<script language="javascript">
function modif() {
var divcoul = document.getElementById('coul');
var divnb = document.getElementById('nb');
var displaycoul = divcoul.style.display ? '' : 'none';
var displaynb = divnb.style.display ? '' : 'none';
divcoul.style.display = displaycoul;
divnb.style.display = displaynb;
}
</script>
Le code :
<div class="menubas" id="coul" style="display:none;"></div>
<div class="menubas2" id="nb"></div>
<div id="ref">
<a href="#" onmouseover="modif()" onmouseout="modif()">Nos références</a>
</div>
... et maintenant, quand je passe sur "Les références", le texte devient blanc (because CSS "ref") et ma photo s'allume (because Javascript)...
Maintenant, si j'ai bien compris, il faut que je fasse la même chose pour que mon texte devienne blanc quand on "allumera" la photo...
Concentrons-nous...:rateau:
Sujets similaires
