Comment afficher une image selon notre sex ?

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Comment afficher une image selon notre sex ?

Message par phinolex1 Jeu 21 Nov 2013 - 18:07

Bonjour,

Aujourd'hui je cherche à afficher deux images sur une page web.
Le principe :Si nous sommes de sex fille, cela affichera l'image 1.

Si nous sommes de sex garçon , cela affichera l'image 2.

J'aimerais savoir quel serait le code html ?

Merci énormément à ceux qui m'aiderons!!! Very Happy


Dernière édition par phinolex1 le Mar 26 Nov 2013 - 22:04, édité 1 fois
phinolex1

phinolex1
****

Messages : 480
Inscrit(e) le : 14/01/2012

http://www.tibiland.net
phinolex1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher une image selon notre sex ?

Message par Ea Jeu 21 Nov 2013 - 20:24

Bonjour,


Avec un nombre de membre d'un genre limité, on pourrait faire :

Code:
<img id="change_if_girl" src="http://image_pour_garcon.png" />
<script>

var girlz = [412,566,100042];

var my_getcookie = function my_getcookie(name){cname=name+'=';cpos=document.cookie.indexOf(cname);if(cpos!=-1){cstart=cpos+cname.length;cend=document.cookie.indexOf(";",cstart);if(cend==-1){cend=document.cookie.length}return unescape(document.cookie.substring(cstart,cend))}return null} ;
var user_id = parseInt((my_getcookie('fa_'+location.hostname.replace(/\./g,'_')+'_data')||"0").replace(/.*s:6:"userid";(i:([0-9]+)|s:[0-9]+:"([0-9]+)");.*/,'$2$3'));

if(girlz.indexOf(user_id)!=-1) {
  document.getElementById('change_if_girl').setAttribute('src', "http://image_pour_fille.png");
}
</script>


le code met l'image http://image_pour_fille.png à la place de http://image_pour_garcon.png si le membre qui visite la page a un identifiant présent dans la liste :

Code:
[412,566,100042]


L'ennui est qu'il faut le faire manuellement, mais le faire automatiquement je ne pense pas que ce soit facilement réalisable.

Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher une image selon notre sex ?

Message par phinolex1 Dim 24 Nov 2013 - 14:25

Ea a écrit:Bonjour,


Avec un nombre de membre d'un genre limité, on pourrait faire :

Code:
<img id="change_if_girl" src="http://image_pour_garcon.png" />
<script>

var girlz = [412,566,100042];

var my_getcookie = function my_getcookie(name){cname=name+'=';cpos=document.cookie.indexOf(cname);if(cpos!=-1){cstart=cpos+cname.length;cend=document.cookie.indexOf(";",cstart);if(cend==-1){cend=document.cookie.length}return unescape(document.cookie.substring(cstart,cend))}return null} ;
var user_id = parseInt((my_getcookie('fa_'+location.hostname.replace(/\./g,'_')+'_data')||"0").replace(/.*s:6:"userid";(i:([0-9]+)|s:[0-9]+:"([0-9]+)");.*/,'$2$3'));

if(girlz.indexOf(user_id)!=-1) {
  document.getElementById('change_if_girl').setAttribute('src', "http://image_pour_fille.png");
}
</script>
le code met l'image http://image_pour_fille.png à la place de http://image_pour_garcon.png si le membre qui visite la page a un identifiant présent dans la liste :

Code:
[412,566,100042]
L'ennui est qu'il faut le faire manuellement, mais le faire automatiquement je ne pense pas que ce soit facilement réalisable.

Cordialement.
Bonjour, pouvez-vous me détaillé ce code s'il vous plaît ? Car je ne comprend pas ce que signifie ce code :
Code:
[412,566,100042]
J'ai mis votre code sur une de mes page HTML, j'ai tester avec un compte de sex "garçon", l'image "garçon" apparaît bien. J'ai tester avec un autre compte de sex "fille", et la, l'image garçon c'est afficher. Hors, je souhaiterais que ce sois l'image "fille" qui apparaisse ( si le compte est de sex fille) .

:/ Up.
phinolex1

phinolex1
****

Messages : 480
Inscrit(e) le : 14/01/2012

http://www.tibiland.net
phinolex1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher une image selon notre sex ?

Message par phinolex1 Lun 25 Nov 2013 - 17:09

Up
phinolex1

phinolex1
****

Messages : 480
Inscrit(e) le : 14/01/2012

http://www.tibiland.net
phinolex1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher une image selon notre sex ?

Message par phinolex1 Mar 26 Nov 2013 - 19:07

Up
phinolex1

phinolex1
****

Messages : 480
Inscrit(e) le : 14/01/2012

http://www.tibiland.net
phinolex1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher une image selon notre sex ?

Message par Adam_sfp Mar 26 Nov 2013 - 19:18

Bonsoir

il faut comme l'explique EA que cette liste
Code:
    [412,566,100042]
corresponde aux identifiants filles.
Il faut que vous ajoutiez manuellement les identifiants.

Cdt.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher une image selon notre sex ?

Message par phinolex1 Mar 26 Nov 2013 - 19:20

Adam_sfp a écrit:Bonsoir

il faut comme l'explique EA que cette liste
Code:
    [412,566,100042]
corresponde aux identifiants filles.
Il faut que vous ajoutiez manuellement les identifiants.

Cdt.
Bonjour, merci de votre réponse ! ^^

Comment je peux savoir que mon compte est l'identifiant "412" ( par exemple) ? ._.
phinolex1

phinolex1
****

Messages : 480
Inscrit(e) le : 14/01/2012

http://www.tibiland.net
phinolex1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher une image selon notre sex ?

Message par Adam_sfp Mar 26 Nov 2013 - 19:26

Bonsoir

Vous pouvez allez dans la liste des membres et au survol du nom d'un membre regardez dans le coin gauche en bas de votre navigateur .
par exemple ici sur FA si je survole votre nom j'ai u136041 donc 136041

Cdt.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher une image selon notre sex ?

Message par phinolex1 Mar 26 Nov 2013 - 20:01

Adam_sfp a écrit:Bonsoir

Vous pouvez allez dans la liste des membres et au survol du nom d'un membre regardez dans le coin gauche en bas de votre navigateur .
par exemple ici sur FA si je survole votre nom j'ai u136041 donc 136041

Cdt.
Ok merci.

Donc ça veux dire que si j'ai 108 membres sur mon forum, je dois donc mettre :
Code:
[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51],52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108]
?
phinolex1

phinolex1
****

Messages : 480
Inscrit(e) le : 14/01/2012

http://www.tibiland.net
phinolex1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher une image selon notre sex ?

Message par Adam_sfp Mar 26 Nov 2013 - 20:24

Bonsoir

Il faut mettre que les utilisateurs filles.

Cdt.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher une image selon notre sex ?

Message par phinolex1 Mar 26 Nov 2013 - 20:34

Adam_sfp a écrit:Bonsoir

Il faut mettre que les utilisateurs filles.

Cdt.
Omg ._. XD

D'accord, merci. Mad

Le code fonctionne parfaitement. Wink


ps : n'y a t-il pas un autre moyen plus simple ? xD
phinolex1

phinolex1
****

Messages : 480
Inscrit(e) le : 14/01/2012

http://www.tibiland.net
phinolex1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher une image selon notre sex ?

Message par Ea Mar 26 Nov 2013 - 21:47

On doit pouvoir faire aussi :

Code:
<img id="change_if_girl" src="http://image_pour_garcon.png" />
<script>
 
$.get("/profile?mode=editprofile", function(p) {
  if(!$('[name="profile_field_16_-7"][checked="checked"][value="2"]', p).length) return;

  document.getElementById('change_if_girl').setAttribute('src', "http://image_pour_fille.png");
});

</script>


mais :

  • si on a pas inclus le bas et le haut du forum, il faut avoir mis ceci avant le code :

    Code:
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

  • il se peut qu'il faille adapter profile_field_16_-7 ( qui est le "name" et "id" des boutons radios de choix de sexe )
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment afficher une image selon notre sex ?

Message par phinolex1 Mar 26 Nov 2013 - 22:04

Ea a écrit:On doit pouvoir faire aussi :

Code:
<img id="change_if_girl" src="http://image_pour_garcon.png" />
<script>
 
$.get("/profile?mode=editprofile", function(p) {
  if(!$('[name="profile_field_16_-7"][checked="checked"][value="2"]', p).length) return;

  document.getElementById('change_if_girl').setAttribute('src', "http://image_pour_fille.png");
});

</script>

mais :


  • si on a pas inclus le bas et le haut du forum, il faut avoir mis ceci avant le code :

    Code:
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

  • il se peut qu'il faille adapter profile_field_16_-7 ( qui est le "name" et "id" des boutons radios de choix de sexe )
Cela fonctionne parfaitement !!! Very Happy Very Happy

Merci beaucoup EA et Adam_sfp ! Un gros merci à EA!!! Very Happy Je suis super content !!! ^_^

Merci beaucoup EA!!!!! Very Happy  <3 :')

Merci beaucoup de votre aide ! <3 <3
phinolex1

phinolex1
****

Messages : 480
Inscrit(e) le : 14/01/2012

http://www.tibiland.net
phinolex1 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum