Comment afficher une image selon notre sex ?

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 le 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
****

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 le 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
Aidactif
Aidactif

Messages : 23446
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 le 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
****

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 le Lun 25 Nov 2013 - 17:09

Up

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 le Mar 26 Nov 2013 - 19:07

Up

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 le 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
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
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 le 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
****

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 le 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
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
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 le 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
****

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 le Mar 26 Nov 2013 - 20:24

Bonsoir

Il faut mettre que les utilisateurs filles.

Cdt.

Adam_sfp
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
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 le 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
****

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 le 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
Aidactif
Aidactif

Messages : 23446
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 le 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
****

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


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