Débutant demande aide
dani
-
coeus Messages postés 3021 Date d'inscription Statut Membre Dernière intervention -
coeus Messages postés 3021 Date d'inscription Statut Membre Dernière intervention -
Salut à tous,
j'ai un petit problème. Actuellement lorsque je clic sur un des drapeaux afin de pouvoir modifier la langue, seul le texte placé sous les 2 drapeaux changent.
Je voulais savoir s'il est possible de faire en sorte que lorsque je clic sur l'un de ces 2 drapeaux, que les petites images soient respectivement changé par les images:
- http://data.imagup.com/4/1112527798.jpg) pour la 1ere image
- http://data.imagup.com/4/1112527798.jpg) pour la 2eme image
En gros, je voudrais que le contenu des images 1 et 2 (rose et vert) puisse se modifier automatiquement selon le choix de la langue choisi.
Merci d'avance pour vos réponse.
<style type="text/css">
#A {
width: 780px;
margin-right: auto;
margin-left: auto;
line-height: 13px;
}
#B {
text-align: center;
width: 780px;
font-family: "Lucida Grande";
line-height: 16px;
}
#C {
width: 780px;
text-align: center;
}
#D {
height: 400px;
width: 700px;
float: left;
background-image: url(http://data.imagup.com/5/1112518499.jpg);
}
#E {
float: left;
width: 80px;
text-align: right;
}
#F {
float: left;
width: 80px;
text-align: right;
}
#G {
float: left;
width: 80px;
text-align: right;
}
#E1 img {
cursor:pointer;
}
</style>
<script language="javascript">
function remplace(image) {
document.getElementById("D").innerHTML="<img src='"+image+"'>";
}
</script>
<script language="javascript">
function affiche_text(id) {
if (id == "A"){
var text1 = "F";
}
else{
var text1 = "D";
}
document.getElementById("C").innerHTML = text1;
}
</script>
</head>
<body>
<div id="A">
<div id="B">
<img src="http://data.imagup.com/2/1105182592.png" onclick="affiche_text('A');" width="41" height="12" />
<img src="http://data.imagup.com/3/1105182610.png" onclick="affiche_text('');" width="42" height="12" /></div>
<div id="C">F</div>
<div id="D"></div>
<div id="E"><img
src="http://data.imagup.com/5/1112518499.jpg"
onclick="remplace('http://data.imagup.com/5/1112518499.jpg');"
height="40" width="70"><br>
<br></div>
<div id="F">
<img src="http://data.imagup.com/4/1112527767.jpg"
onclick="remplace('http://data.imagup.com/4/1112527767.jpg');"
height="40" width="70"><br>
<br></div>
<div id="G">
<img src="http://data.imagup.com/5/1112518598.jpg"
onclick="remplace('http://data.imagup.com/5/1112518598.jpg');"
height="40" width="70"><br>
</div>
</div>
</body>
</html>
j'ai un petit problème. Actuellement lorsque je clic sur un des drapeaux afin de pouvoir modifier la langue, seul le texte placé sous les 2 drapeaux changent.
Je voulais savoir s'il est possible de faire en sorte que lorsque je clic sur l'un de ces 2 drapeaux, que les petites images soient respectivement changé par les images:
- http://data.imagup.com/4/1112527798.jpg) pour la 1ere image
- http://data.imagup.com/4/1112527798.jpg) pour la 2eme image
En gros, je voudrais que le contenu des images 1 et 2 (rose et vert) puisse se modifier automatiquement selon le choix de la langue choisi.
Merci d'avance pour vos réponse.
<style type="text/css">
#A {
width: 780px;
margin-right: auto;
margin-left: auto;
line-height: 13px;
}
#B {
text-align: center;
width: 780px;
font-family: "Lucida Grande";
line-height: 16px;
}
#C {
width: 780px;
text-align: center;
}
#D {
height: 400px;
width: 700px;
float: left;
background-image: url(http://data.imagup.com/5/1112518499.jpg);
}
#E {
float: left;
width: 80px;
text-align: right;
}
#F {
float: left;
width: 80px;
text-align: right;
}
#G {
float: left;
width: 80px;
text-align: right;
}
#E1 img {
cursor:pointer;
}
</style>
<script language="javascript">
function remplace(image) {
document.getElementById("D").innerHTML="<img src='"+image+"'>";
}
</script>
<script language="javascript">
function affiche_text(id) {
if (id == "A"){
var text1 = "F";
}
else{
var text1 = "D";
}
document.getElementById("C").innerHTML = text1;
}
</script>
</head>
<body>
<div id="A">
<div id="B">
<img src="http://data.imagup.com/2/1105182592.png" onclick="affiche_text('A');" width="41" height="12" />
<img src="http://data.imagup.com/3/1105182610.png" onclick="affiche_text('');" width="42" height="12" /></div>
<div id="C">F</div>
<div id="D"></div>
<div id="E"><img
src="http://data.imagup.com/5/1112518499.jpg"
onclick="remplace('http://data.imagup.com/5/1112518499.jpg');"
height="40" width="70"><br>
<br></div>
<div id="F">
<img src="http://data.imagup.com/4/1112527767.jpg"
onclick="remplace('http://data.imagup.com/4/1112527767.jpg');"
height="40" width="70"><br>
<br></div>
<div id="G">
<img src="http://data.imagup.com/5/1112518598.jpg"
onclick="remplace('http://data.imagup.com/5/1112518598.jpg');"
height="40" width="70"><br>
</div>
</div>
</body>
</html>
A voir également:
- Débutant demande aide
- Logiciel de programmation pour débutant - Guide
- Logiciel montage vidéo débutant - Guide
- Apprendre le coran pour débutant (+ pdf) - Télécharger - Histoire & Religion
- Platine dj debutant - Forum Enregistrement / Traitement audio
- Comment utiliser un ordinateur pour un débutant - Astuces et Solutions
3 réponses
Salut !
Tu as deux choix ici. Soit tu fais deux pages HTML presque identiques, dont la seule différence sera le texte (traduit dans la langue qu'il faut) et les images (avec les bonnes couleurs) ; soit tu passes une variable GET, ou mieux, tu définis une variable SESSION en PHP, qui contient la langue qui est actuellement utilisée. Là tu n'as qu'à faire un if-then-else là où s'affichent tes drapeaux, qui détecte la langue utilisée présentement et renvoie l'image en conséquence.
J'espère avoir été clair ?
Tu as deux choix ici. Soit tu fais deux pages HTML presque identiques, dont la seule différence sera le texte (traduit dans la langue qu'il faut) et les images (avec les bonnes couleurs) ; soit tu passes une variable GET, ou mieux, tu définis une variable SESSION en PHP, qui contient la langue qui est actuellement utilisée. Là tu n'as qu'à faire un if-then-else là où s'affichent tes drapeaux, qui détecte la langue utilisée présentement et renvoie l'image en conséquence.
J'espère avoir été clair ?