Problème au niveau d'un script

2 participants

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

Résolu Problème au niveau d'un script

Message par QuentinPLR Dim 12 Avr 2015 - 22:06

Bonjour à toutes et à tous. Depuis quelques temps je cherche à créer un javascript afin de personnaliser encore plus mon forum et le rendre un peu plus dynamique. Cependant j'ai un soucis : Je ne maîtrise pas ce langage.
Avant de me tourner vers vous, je suis allé sur des sites expliquant le Javascript en espérant que cela puisse m'aider à concevoir celui qu'il me faut. Cependant, ça ne m'aide pas vraiment, je n'y arrive pas.
C'est donc pourquoi je suis ici. J'espère pouvoir trouver parmi la communauté Forumactif une personne pouvant m'aider à créer ces quelques lignes de codes.

Je vais essayer d'écrire en langage naturel ce que j'attend de ce javascript :

"Si une certaine (Pas n'importe laquelle) image est affichée, modifier le style d'une class."

J'ai déjà essayé quelques trucs en utilisant ce code : 
Code:
$(function() {
         $('img[src="http://i19.servimg.com/u/f19/17/89/47/01/veryho10.gif"]').closest('icon').addClass('épinglé');
  
        });


Cependant je ne peux modifier la valeur que de la class "icon" qui est la class qui contient l'image, or moi je voudrais modifier la class d'un élément externe de l'image, une class qui est sans lien avec l'image.

Je ne sais pas si j'ai été clair ^-^, n'hésitez pas me poser des questions si vous ne cernez pas mon problème.
Merci!


Dernière édition par QuentinPLR le Lun 13 Avr 2015 - 2:47, édité 1 fois
avatar

QuentinPLR
*

Messages : 43
Inscrit(e) le : 07/09/2013

http://vendome.lebonforum.com
QuentinPLR a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau d'un script

Message par no_way Dim 12 Avr 2015 - 22:17

Bonjour, ce que vous demandez est tout à fait possible, je vous fournis la structure:
Code:
$(function(){
if($('img[src="http://i19.servimg.com/u/f19/17/89/47/01/veryho10.gif"]').length){
/*votre code cernant l'élément externe à l'image */
}
});


Dernière édition par no_way le Dim 12 Avr 2015 - 23:07, édité 1 fois
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

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

Résolu Re: Problème au niveau d'un script

Message par QuentinPLR Dim 12 Avr 2015 - 22:26

Merci pour cette réponse rapide!
Cependant, j'ai un peu de mal à comprendre ce que vous entendez par "votre code cernant l'élément externe à l'image". Pouvez vous m'éclairer?
avatar

QuentinPLR
*

Messages : 43
Inscrit(e) le : 07/09/2013

http://vendome.lebonforum.com
QuentinPLR a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau d'un script

Message par no_way Dim 12 Avr 2015 - 22:40

Oui bien sûr, vous ne précisez pas l'élément dont il est question:
QuentinPLR a écrit:or moi je voudrais modifier la class d'un élément externe de l'image

Il me faut donc savoir quel est l'élément en question Wink
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

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

Résolu Re: Problème au niveau d'un script

Message par QuentinPLR Dim 12 Avr 2015 - 22:45

Oh, autant pour moi ^^.

Je voudrais modifier le background de div.topictitle 
Code:
<div class="topictitle">
            <!-- {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} -->
            <span>
               <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a> {topics_list_box.row.NEWEST_POST_IMG}
                          </span>
                          <br/>
                          <span class="author">Démarré par {topics_list_box.row.TOPIC_AUTHOR}
  </span>
                          </div>

en lui donnant ce style : 
Code:
{
  background-image: url(http://i19.servimg.com/u/f19/17/89/47/01/quick_10.gif);
  background-repeat: no-repeat;
  background-position: 98% 4px;
 
}
avatar

QuentinPLR
*

Messages : 43
Inscrit(e) le : 07/09/2013

http://vendome.lebonforum.com
QuentinPLR a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau d'un script

Message par no_way Dim 12 Avr 2015 - 22:56

Fort bien, voici le code à utiliser en ce cas:
Code:
 $(function(){
        if($('img[src="http://i19.servimg.com/u/f19/17/89/47/01/veryho10.gif"]').length){
        $("div.topictitle").each(function(){$(this).css("background","url(http://i19.servimg.com/u/f19/17/89/47/01/quick_10.gif) no-repeat 98% 4px")});
        }});
je crains en revanche ne pas avoir totalement cerné ce que vous désirez, auriez vous un lien à me fournir pour une page ou doit agir le script ?
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

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

Résolu Re: Problème au niveau d'un script

Message par QuentinPLR Dim 12 Avr 2015 - 23:25

Merci beaucoup! Cependant, il y a un petit problème, et c'est de ma faute :3. Un petit screen pour expliquer :

Problème au niveau d'un script Sans_t11
En fait j'aimerai les modifications ne se fassent que sur la ligne concernée ^-^', désolée si je l'ai pas signalé plus tôt. (Pour l'instant, le code que tu m'as fournit met une punaise sur la droite à tous les types de sujet. Je voudrai que ça n'en mette que pour les sujets épinglés.) Est-ce possible?
avatar

QuentinPLR
*

Messages : 43
Inscrit(e) le : 07/09/2013

http://vendome.lebonforum.com
QuentinPLR a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau d'un script

Message par no_way Dim 12 Avr 2015 - 23:29

Tout est toujours possible mais j'apprécierais que vous me fournissiez le lien , je connais peu invision Wink
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

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

Résolu Re: Problème au niveau d'un script

Message par QuentinPLR Dim 12 Avr 2015 - 23:38

ça risque d'être compliqué de vous donner un lien x) Je travaille dessus avec une amie et on a pour habitude de s'écrire des choses persos quand on veut tester des trucs, d'où les bandes noires sur l'image x).

En revanche je peux vous donner les templates ou ce que vous voulez.

Ah et aussi, je suis en Phbb2!
avatar

QuentinPLR
*

Messages : 43
Inscrit(e) le : 07/09/2013

http://vendome.lebonforum.com
QuentinPLR a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau d'un script

Message par no_way Lun 13 Avr 2015 - 0:07

Voici un script à essayer Wink
Code:
$(function(){
$('img[src="http://i19.servimg.com/u/f19/17/89/47/01/veryho10.gif"]').each(function(){$(this).parents("tr").find("div.topictitle").css("background","url(http://i19.servimg.com/u/f19/17/89/47/01/quick_10.gif) no-repeat 98% 4px")});
});
Ce devrait se comporter comme vous le désirez à présent Very Happy
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

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

Résolu Re: Problème au niveau d'un script

Message par QuentinPLR Lun 13 Avr 2015 - 0:21

Encore merci pour cette réponse ^-^, ça fait plaisir de recevoir une telle aide.
Cependant, ça ne change pas vraiment du problème que j'ai mentionné juste avant :/ Je sens que nous y sommes presque!
avatar

QuentinPLR
*

Messages : 43
Inscrit(e) le : 07/09/2013

http://vendome.lebonforum.com
QuentinPLR a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau d'un script

Message par no_way Lun 13 Avr 2015 - 0:33

Ah ? Qu'y a t-il qui ne fonctionne pas avec ce script ?

Je vous en prie pour l'aide, mais n'hésitez pas à être précis dans la mesure ou je code un peu en aveugle là Smile,

si vraiment ça ne va pas, je vous prie de bien vouloir me fournir votre template topics_list_box


Dernière édition par no_way le Lun 13 Avr 2015 - 0:46, édité 1 fois
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

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

Résolu Re: Problème au niveau d'un script

Message par QuentinPLR Lun 13 Avr 2015 - 0:42

Problème au niveau d'un script Sans_t12

Ce que j'aimerai en fait c'est que le petit truc là Problème au niveau d'un script Quick_10 ne s'affiche que lorsqu'il s'agit d'un sujet épinglé. ( Problème au niveau d'un script Veryho10).
Pour l'instant le code que vous m'avez fournit affiche ce qu'il y a sur l'image, ce qui est souligné en rouge  à droite sont les éléments qui ne devraient pas être affichés :/.
avatar

QuentinPLR
*

Messages : 43
Inscrit(e) le : 07/09/2013

http://vendome.lebonforum.com
QuentinPLR a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau d'un script

Message par no_way Lun 13 Avr 2015 - 0:55

Ah oui, je me suis trompé en effet, voici le script:
Code:
$(function(){
        $('img[src="http://i19.servimg.com/u/f19/17/89/47/01/veryho10.gif"]').each(function(){$($(this).parents("tr")[0]).find("div.topictitle").css("background","url(http://i19.servimg.com/u/f19/17/89/47/01/quick_10.gif) no-repeat 98% 4px")});
        });
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

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

Résolu Re: Problème au niveau d'un script

Message par QuentinPLR Lun 13 Avr 2015 - 1:08

Zut, ça donne le même résultat Sad
avatar

QuentinPLR
*

Messages : 43
Inscrit(e) le : 07/09/2013

http://vendome.lebonforum.com
QuentinPLR a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau d'un script

Message par no_way Lun 13 Avr 2015 - 1:17

Pourriez-vous me fournir votre template topics_list_box s'il vous plait ?
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

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

Résolu Re: Problème au niveau d'un script

Message par QuentinPLR Lun 13 Avr 2015 - 1:19

Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
   var all_checked = true;
   for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
      }
   }
   document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
   for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
      }
   }
}
</script>
<!-- END multi_selection -->


 
<table class="liste-sujets" width="100%"  cellspacing="0" >
   <tr class="fond-cat-liste">
               <th scope="col" class="fond-cat-list-gauche" width="8%" colspan="2">&nbsp;</th>
               <th scope="col" class="lefttext" align="left">Titre / Démarré par</th>
               <th scope="col" width="14%">Réponses / Vues</th>
               <th scope="col" class="fond-cat-list-droit" width="22%" align="left">Dernier message </th>
            </tr>
  <tr class="lecteurs-sujets">
   <td colspan="5" class="lecteurs-sujets" ><span id="qeslf" >{FORUM_ONLINE_USERS} dans cette section.</span>
      <script type="text/javascript">
document.getElementById('qeslf').innerHTML=document.getElementById('qeslf').innerHTML.replace(/Utilisateurs parcourant actuellement ce forum: /,"").replace(/Utilisateurs parcourant actuellement ce forum: /,"");
</script>
               </td>
          </tr>
   <!-- END header_table --><!-- BEGIN header_row -->
   <tr>
      <td class="row-sujet" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall">&nbsp;<b>{topics_list_box.row.L_TITLE}  {topics_list_box.row.LAST_POST_IMG}</b></span></td>
   </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
   <tr>

      <!-- BEGIN single_selection -->
      <td class="row-sujet" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
      <!-- END single_selection -->
      <td class="row-sujet-foncé" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
      <!-- BEGIN icon -->
      <td class="row-sujet-foncé" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
      <!-- END icon -->
      <td class="row-sujet" >
         <div class="topictitle">
            <!-- {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} -->
            <span>
               <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a> {topics_list_box.row.NEWEST_POST_IMG}
                          </span>
                          <br/>
                          <span class="author">Démarré par {topics_list_box.row.TOPIC_AUTHOR}
  </span>
                          </div>
         
         <!-- BEGIN switch_description -->
         <span class="genmed">
            <br />
            {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
         </span>
         <!-- END switch_description -->
         
         
      </td>

          <td class="row-sujet-foncé" align="center" valign="middle"><span class="réponses-vues">{topics_list_box.row.REPLIES} Réponses<br/>
            {topics_list_box.row.VIEWS} Vues</span></td>
      <td class="row-sujet"  valign="middle" nowrap="nowrap">
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

                <span class="icon-lastpost">{topics_list_box.row.LAST_POST_IMG}</span><span class="dernier-message">{topics_list_box.row.LAST_POST_TIME}<br /><span class="author-last">par {topics_list_box.row.LAST_POST_AUTHOR} </span></span>
        </td>
<!-- BEGIN multi_selection -->
      <td class="row-sujet" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
   <!-- END multi_selection -->
   </tr>
   <!-- END topic --><!-- BEGIN no_topics -->
   <tr>
      <td class="row-sujet" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
   </tr>
   <!-- END no_topics --><!-- BEGIN bottom -->
   <tr>
      <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                                  <div class="pagelinks"><span class="pagination">[{PAGINATION}]</span>&nbsp;<a href="#top"><strong>En haut</strong></a></div>
            </tr>
         </table>
      </td>
   </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->
avatar

QuentinPLR
*

Messages : 43
Inscrit(e) le : 07/09/2013

http://vendome.lebonforum.com
QuentinPLR a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau d'un script

Message par no_way Lun 13 Avr 2015 - 1:31

De mon côté c'est bon pourtant:
Problème au niveau d'un script QuentinPLR
Nous sommes bien d'accord que ce que vous avez souligné en rouge à gauche est normal et que le script n'est pas censé y modifier quoi que ce soit n'est-ce pas ?
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

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

Résolu Re: Problème au niveau d'un script

Message par QuentinPLR Lun 13 Avr 2015 - 1:41

Oui O_o"
Frustrationnnnnn T-T pourquoi ça ne marche pas chez moi Sad
avatar

QuentinPLR
*

Messages : 43
Inscrit(e) le : 07/09/2013

http://vendome.lebonforum.com
QuentinPLR a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau d'un script

Message par no_way Lun 13 Avr 2015 - 1:54

êtes-vous sûr que vous avez bien mis la dernière version du script ?
Si oui placez-vous sur une liste de sujets ou il n'y a pas de choses privées vous concernant, puis faites Ctrl +U
Copiez-collez tout le contenu en MP s.v.p ceci devrait me permettre de trouver ce qui cloche Wink
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

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

Résolu Re: Problème au niveau d'un script

Message par QuentinPLR Lun 13 Avr 2015 - 2:21

Spoiler:


Dernière édition par QuentinPLR le Lun 13 Avr 2015 - 2:35, édité 2 fois
avatar

QuentinPLR
*

Messages : 43
Inscrit(e) le : 07/09/2013

http://vendome.lebonforum.com
QuentinPLR a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau d'un script

Message par QuentinPLR Lun 13 Avr 2015 - 2:29

L'envoi de message privé plante quand je vous envoie le code Sad
avatar

QuentinPLR
*

Messages : 43
Inscrit(e) le : 07/09/2013

http://vendome.lebonforum.com
QuentinPLR a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau d'un script

Message par no_way Lun 13 Avr 2015 - 2:38

Pas de souci, j'ai compris d'où venait le problème, je n'ai pas les légendes concernant les messages sur mon forum de test alors que vous oui, voici donc le bon code:
Code:
$(function(){
$('.liste-sujets img[src="http://i19.servimg.com/u/f19/17/89/47/01/veryho10.gif"]').each(function(){
$($(this).parents("tr")[0]).find("div.topictitle").css("background","url(http://i19.servimg.com/u/f19/17/89/47/01/quick_10.gif) no-repeat 98% 4px")});
});
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

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

Résolu Re: Problème au niveau d'un script

Message par QuentinPLR Lun 13 Avr 2015 - 2:44

Donc du coup il faudrait que je n'affiche pas les légendes?
avatar

QuentinPLR
*

Messages : 43
Inscrit(e) le : 07/09/2013

http://vendome.lebonforum.com
QuentinPLR a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau d'un script

Message par QuentinPLR Lun 13 Avr 2015 - 2:45

Oh my godd, ça marche
avatar

QuentinPLR
*

Messages : 43
Inscrit(e) le : 07/09/2013

http://vendome.lebonforum.com
QuentinPLR a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau d'un script

Message par QuentinPLR Lun 13 Avr 2015 - 2:45

Merci infiniment !
avatar

QuentinPLR
*

Messages : 43
Inscrit(e) le : 07/09/2013

http://vendome.lebonforum.com
QuentinPLR a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau d'un script

Message par no_way Lun 13 Avr 2015 - 2:47

Je t'en prie Wink
N'oublie pas de mettre ton sujet en résolu et @ bientôt Very Happy
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

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

Résolu Re: Problème au niveau d'un script

Message par QuentinPLR Lun 13 Avr 2015 - 2:48

Encore merciii!
avatar

QuentinPLR
*

Messages : 43
Inscrit(e) le : 07/09/2013

http://vendome.lebonforum.com
QuentinPLR 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