|
Aller à la page : 1, 2 |
Problème de Lucy posté le : Lun 21 Juil - 9:53 | Bonjour Voici mon problème Lien de votre forum : http://japanimation-et-otak.forumgratuit.orgExplicitez votre problème : Lors de ma présentation, j'avais demandé s'il existait un moyen d'afficher l'avatar d'un membre dans la PA, on m'a aidé, conseillé, mais j'ai un problème, l'image ne s'affiche pas. Je vous redonne le code de base, car à mon avis, j'ai pas pris la bonne chose pour le compléter car autant refaire par étape pour que je comprenne. Code posant problème : - Code:
-
<script type="text/javascript"> var frame = document.getElementById('image'); frame.setAttribute("src", _userdata["avatar"]); </script> - Code:
-
<img src="" alt="Image" id="image" /> Copies d'écran, screen du bug (optionnel) : Autres : C'est la case de gauche à voir. Merci de votre aide ^^ |
| Lucy Loki Codeur VeryActif |
|
Re: Problème de Lucy posté le : Lun 21 Juil - 10:34 | Coucou Alors c'est normal : il faut que la toolbarre de haut du forum soit activée. |
| Eluknow Administrateur |
|
Re: Problème de Lucy posté le : Lun 21 Juil - 11:30 | La Toolbar est ajouté. Pour les autres réglages, comment ça se passe ? |
| Lucy Loki Codeur VeryActif |
|
Re: Problème de Lucy posté le : Lun 21 Juil - 22:13 | Alors, il faut que tu mettes le code javascript dans les modules javascript, et visible sur l'index . |
| Eluknow Administrateur |
|
Re: Problème de Lucy posté le : Lun 21 Juil - 22:20 | |
| Lucy Loki Codeur VeryActif |
|
Re: Problème de Lucy posté le : Mar 22 Juil - 21:27 | Alors dans ta page js, j'ai vu que tu avais mis les balises script : il ne faut pas . Ensuite, l'image ayant pour id image, tu lui as mis l'attribut src sans possibilité de valeur. C'est à dire que tu as juste mis src. Il faut mettre : - Code:
-
<img alt="image" id="image" src="" /> Tu fais tout ça et tu me dis ensuite |
| Eluknow Administrateur |
|
Re: Problème de Lucy posté le : Mer 23 Juil - 10:11 | C'est mis, après j'ai mis le lien de javascript dans le src mais ça ne marche pas, je l'ai réenlevé. |
| Lucy Loki Codeur VeryActif |
|
Re: Problème de Lucy posté le : Mer 23 Juil - 11:53 | Coucou ! Pardon je me suis planté, depuis le début :/ On reprend :p Alors, dans ta pa, tu as : - Code:
-
<img alt="image" id="image" src="" /> Ca on l'enlève, et on le remplace par : - Code:
-
<span id="image">Avatar</span> . Ensuite, dans les modules forumactif --> pages javascript, tu enregistres une nouvelle feuille avec pour contenu : - Code:
-
document.getElementById('image').innerHTML=_userdata["avatar"]; Cette feuille devra être visible sur l'index du forum seulement. Tu essais ? (il est possible que ça ne fonctionne pas, auquel cas je saurai quoi faire pour que ça fonctionne ). Tu veux que je t'explique le petit bout de script js ? |
| Eluknow Administrateur |
|
Re: Problème de Lucy posté le : Mer 23 Juil - 12:25 | D'accord XD Pour l'instant, cela ne me marque que le mot "avatar" qui est mis entre les balises span. Oui je veux bien une explication
(je ne sais pas si je me reconnecterai aujourd'hui, je verrai la réponse surement demain) |
| Lucy Loki Codeur VeryActif |
|
Re: Problème de Lucy posté le : Mer 23 Juil - 12:43 | Oki donc y'avait le bug auquel je m'attendais . Donc ce qu'on va faire. Tu vas placer le script js directement à la fin du template index_body. Si tu le veux, on le fait ensemble (mais pour ça faut que tu me donnes le template index_body ). Pour le code js je t'explique : On a : - Code:
-
document.getElementById('image').innerHTML=_userdata["avatar"]; document.getElementById('image') : on sélectionne dans la page notre span ayant pour id "image". .innerHTML="" : fonction qui permet d'ajouter/modifier le contenu d'un élément HTML. _userdata["avatar"] : c'est une valeur d'un tableau javascript contenant des informations sur l'utilisateur. Cette valeur retourne l'avatar de l'utilisateur. Notre code signifie donc : sélectionne l'élément ayant pour id ="image" et modifier son contenu par l'avatar de l'utilisateur actuel C'est ouiki ? |
| Eluknow Administrateur |
|
Re: Problème de Lucy posté le : Mer 23 Juil - 13:18 | Coucou Voici le template - Code:
-
{JAVASCRIPT} <!-- BEGIN message_admin_index --> <div class="cadre_entete"> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- BEGIN message_admin_titre --> <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr> <!-- END message_admin_titre --> <!-- BEGIN message_admin_txt --> <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr> <!-- END message_admin_txt --> </table></div> <!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <!-- BEGIN switch_fb_connect_no --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td class="row1" align="center"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr>
<tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td valign="top" width="100%" class="row1" align="center"> <table width="100%"> <tr> <td width="55%" valign="middle" align="right"> <table class="right"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr>
<tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> <td width="10%" align="center" valign="middle"> <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span> </td> <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect --> </form> <!-- END switch_user_login_form_header -->
{CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a> <!-- END switch_user_logged_in --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> </span> </td> <td width="50%" align="right"> <span class="gensmall"> <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br /> <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br /> <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a> <!-- BEGIN switch_on_index --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> <!-- END switch_on_index --> </span> </td> </tr> </table>
<!-- BEGIN switch_user_login_form_footer --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <!-- BEGIN switch_fb_connect_no --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td class="row1" align="center"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr>
<tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td valign="top" width="100%" class="row1" align="center"> <table width="100%"> <tr> <td width="55%" valign="middle"> <table class="right"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr>
<tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> <td width="10%" align="center" valign="middle"> <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span> </td> <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect --> </form> <!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline --> <center><div class="QEEL2_mages"><center><legend class="mage_online">Quel mage se balade dans la guilde ?</legend></center><table> <tr> <td><div class="users_mage"><span class="gensmall">{TOTAL_POSTS}<br /> {TOTAL_USERS}<br /> {NEWEST_USER}</span></div><div class="usermage"><span class="gensmall">{TOTAL_USERS_ONLINE}<br /> {RECORD_USERS}<br /> <br /> {LOGGED_IN_USER_LIST}</span></div></td><td><div class="img_mage"><img src="http://i39.servimg.com/u/f39/13/55/41/81/qeel-j10.png"/></div></td><td> <div class="groupes_mages"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></div> <div class="connectedbirth"><table>{L_CONNECTED_MEMBERS} {L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</table></div></td> </tr>
</table><center><legend class="crédits_QEEL">QEEL codée par ©ookami shiroi</legend></center></div></center> <!-- END disable_viewonline --> <!-- BEGIN switch_legend --> <table border="0" cellspacing="3" cellpadding="0" align="center"> <tr> <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NEW_POSTS}</span></td> <td></td> <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td> <td> </td> <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td> <td><span class="gensmall">{L_FORUM_LOCKED}</span></td> </tr> </table> <!-- END switch_legend --> ok, je vais noter tout cela sur bloc note. |
| Lucy Loki Codeur VeryActif |
|
Re: Problème de Lucy posté le : Jeu 24 Juil - 9:52 | Coucou Tu vois en dessous le - Code:
-
<!-- END switch_legend --> tu as la fin du template. Ici, tu dois mettre le script js : - Code:
-
<script type="text/js">document.getElementById('image').innerHTML=_userdata["avatar"];</script> . Tout cela après avoir supprimé ce code dans les modules de FA (dans les feuilles js). |
| Eluknow Administrateur |
|
Re: Problème de Lucy posté le : Jeu 24 Juil - 10:13 | Je crois que tu as oublié de rajouter les balises code ^^ |
| Lucy Loki Codeur VeryActif |
|
Re: Problème de Lucy posté le : Jeu 24 Juil - 10:27 | Effectivement :p C'est modifié merci |
| Eluknow Administrateur |
|
Re: Problème de Lucy posté le : Jeu 24 Juil - 10:57 | D'accord, c'est fait, ensuite ? ^^ |
| Lucy Loki Codeur VeryActif |
|
Re: Problème de Lucy posté le : Ven 25 Juil - 16:36 | Ca ne fonctionne toujours pas o_0. Alors que sur mon forum de tests ça fonctionne... Hum... Essaie de mettre le script js non pas dans le template, mais juste après le code qui gère ton entête. |
| Eluknow Administrateur |
|
Re: Problème de Lucy posté le : Ven 25 Juil - 16:38 | Tu veux dire dans "affichage" "généralité" ? |
| Lucy Loki Codeur VeryActif |
|
Re: Problème de Lucy posté le : Ven 25 Juil - 16:49 | Oui, à la fin du code ta PA |
| Eluknow Administrateur |
|
Re: Problème de Lucy posté le : Ven 25 Juil - 17:01 | Toujours rien : En quelle version es-tu sur ton forum ? |
| Lucy Loki Codeur VeryActif |
|
Re: Problème de Lucy posté le : Ven 25 Juil - 17:22 | |
| Lucy Loki Codeur VeryActif |
|
Re: Problème de Lucy posté le : Ven 25 Juil - 17:23 | Ca ne vient pas de la version je pense... (mais mon forum de test est PhPbb2) Reprenons depuis le début : -dans affichage, généralités, tu as ce code : - Code:
-
<div class="cadre_entete"> <table class="forumline" border="0" cellspacing="1" cellpadding="0" style="width: 100%;"> <tbody> <tr> <td class="catHead" style="height: 28px;"> <span class="cattitle"> </span> <div class="titre_pa" style=""> Bonjour </div><span class="cattitle"></span> </td> </tr> <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall"> <center> <div class="box-accueil_gen"> <br /> <center> <div class="box-bienvenue_stats"> Bonjour, vous voici sur le forum de Japanimation où l'on parle manga, anime, jeux vidéos, films d'animations et bien d'autres choses encore. Aujourd'hui, nous sommes une communauté de 15 otakus qui ont posté un total de 3516 messages dans 238 sujets. Nous souhaitons ainsi la bienvenue à Serenity. </div> </center><br /> <table> <tbody> <tr> <td> <div class="box-member_staff"> <strong>Invité</strong><br /><span id="image">Avatar</span><br />Otaku depuis le : <strong></strong><br />Tu as posté <strong>1</strong> messages. </div> </td> <td> <div class="box-member_staff2"> <span class="text-title">Staff</span> <li> <a href="http://japanimation-et-otak.forumgratuit.org/privmsg?mode=post&u=1">Fondatrice : ookami shiroi</a> </li> <li> <a href="http://japanimation-et-otak.forumgratuit.org/privmsg?mode=post&u=2">Co-administratrice : Halgorya</a> </li> </div> </td> <td> <div class="box-knowyou"> <span class="text-title">Le saviez vous ? </span> <li> Bientôt : une saison 3 de Black Butler et de Junjou Romantica </li> <li> Sekai ichi hatsukoi devrait bientôt sortir en france en version papier (septembre 2014) </li> <li> Black Butler était d'abord prévu pour être un Yaoi, on comprend donc mieux les allusions à de possibles relations entre hommes dans cette série </li> </div> </td> </tr> </tbody> </table> <table> <tbody> <tr> <td> <div class="box-songradio"> <span style="font-size: 12px">Cliquez sur play pour démarrer la musique</span> <object style="width: 270px; height: 200px;"><param id="allowscriptaccess" value="always" /><param id="movie" value="http://www.radionomy.com/Flash/BannerEmbed.swf?RadUID=e8ffb3f8-68d4-48c5-a48b-05e3729fdb15&autoPlay=no&lang=fr" /><param id="wmode" value="transparent" /><embed style="width: 270px; height: 200px;" allowscriptaccess="always" type="application/x-shockwave-flash" wmode="transparent" src="http://www.radionomy.com/Flash/BannerEmbed.swf?RadUID=e8ffb3f8-68d4-48c5-a48b-05e3729fdb15&autoPlay=no&lang=fr" /></object> </div> </td> <td> <div class="box-newsmanga"> <span class="text-title">Les nouveautés</span> <li> Sorties mangas : Sakamoto à votre service T.1 (shonen) ; All you need is kill Vol.1 (Seinen) </li> <li> Sorties DVD : Sekaiichi Hatsukoi intégrale + 2 OAV (DVD - Yaoi) ; Junjou romantica 1 et 2 ; sortie DVD : le garçon d'à côté </li> <li> Sorties jeux vidéos Pokémon Art Academy (3DS) </li> <li> Sortie cinéma : Princesse Kaguya (Ghibli) ; Assaut dans le pacifique (Filmedia) </li> </div> </td> </tr> </tbody> </table> <div class="box-crédits"> <span class="text-title">Crédits </span><br /> Graphisme : Ookami Shiroi<br /> PA : Ookami Shiroi (+ un petit tutoriel d'Eluknow sur A toi de coder)<br />Catégorie : A venir <br />Boite booster et partenariat : D'après un tutoriel d'Alouqua sur Alouqua World </div> <br /> </div> </center> </div> </td> </tr> </tbody> </table> </div><script type="text/javascript"> document.getElementById('image').innerHTML=_userdata["avatar"]; </script> -Tu as supprimé le script du template -Tu as supprimé la feuille js concernant le script On est d'accord jusqu'à là ? |
| Eluknow Administrateur |
|
Re: Problème de Lucy posté le : Ven 25 Juil - 17:23 | Ps : oublie mon message posté juste avant, il ne servait à rien. |
| Eluknow Administrateur |
|
Re: Problème de Lucy posté le : Ven 25 Juil - 17:30 | Je n'ai pas la partie "table" en début de code et ce n'est pas le même nom pour le cadre en "class" pour le cadre général ^^ Par contre, le reste c'est les mêmes nom de classe, c'est normal ? XD
Bon pour la partie script c'est ok ^^ Edit : et ça marche ^^ Mais faut que je remodifie la taille de mes cases ^^" |
| Lucy Loki Codeur VeryActif |
|
Re: Problème de Lucy posté le : Ven 25 Juil - 17:36 | Je n'ai pas la partie "table" en début de code et ce n'est pas le même nom pour le cadre en "class" pour le cadre général ^^ Hum, il se peut que j'ai modifié des parties de code sans le vouloir, tu peux remodifier comme avant . Si tu as des soucis, on est toujours là en tout cas. Pour le temps qu'a pris cette demande à résoudre, je t'offre 80 Coda'Points, en guide d'excuse. |
| Eluknow Administrateur |
|
Re: Problème de Lucy posté le : Ven 25 Juil - 17:38 | Bah, ce n'est pas grave pour le temps ^^ l'essentiel, c'est le résultat ^^ |
| Lucy Loki Codeur VeryActif |
|
Re: Problème de Lucy posté le : | |
| |
|