Débutant demande aide

Fermé

dani - 16 févr. 2011 à 13:39
coeus Messages postés 3021 Date d'inscription samedi 13 janvier 2007 Statut Membre Dernière intervention 19 juin 2013 - 17 févr. 2011 à 14:44

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>

A voir également:

Débutant demande aide
Logiciel de programmation pour débutant - Guide
Cours d'infographie pour debutant - Forum Graphisme
Logiciel montage vidéo débutant - Guide
Salaire mangaka débutant ✓ - Forum Loisirs / Divertissements
Partition piano gratuite débutant avec notes ✓ - Forum Musique / Radio / Clip

3 réponses

Réponse 1 / 3

dani
16 févr. 2011 à 16:24

Personne pour m'aider?

Réponse 2 / 3

dani
17 févr. 2011 à 09:49

Personne pour m'aider

Réponse 3 / 3

coeus Messages postés 3021 Date d'inscription samedi 13 janvier 2007 Statut Membre Dernière intervention 19 juin 2013 119
17 févr. 2011 à 14:44

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 ?

Discussions similaires

Toutes la doc sur sap

FORMATION SAP DEBUTANT

Formation sur le logiciel SAP

OU TELECHARGER SAP

formation pratique sap