Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Page 1 sur 2 1, 2  Suivant

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

Résolu Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par demeter1 le Mar 6 Déc 2011 - 20:07

Bonjour à tous,
Encore une demande d'aide pour du javascipt de la part d'un petit padawan dont les capacités en codage sont à dégrossir. Rolling Eyes

Donc, faisons simple, faisons bien. Mes membres m'ont demandé de leur installer un bouton sur le message étendu afin de mettre en place quelque chose qui ressemble à un tag de modération mais cette fois ci pour les membres.

J'ai réussi à installer le bouton sur le message étendu de la façon suivante :
Dans le posting-body,juste après
Code:
<button class="{BUTTON_WYSI_STYLE}" id="text_editor_cmd_switchmode" type="button"><img src="{PATH_IMG_FA}i/switch_wysiwyg.gif" alt="{SWITCH_EDITOR_MODE}" /></button>&nbsp
; j'ai placé
Code:
<button class="button2" onclick="bbfontstyle(' [mod]', ' [/mod]');return false"type="button" title="deco pour membre"><img src="http://i43.servimg.com/u/f43/11/93/85/24/sans_t31.gif"/></button> 

Dans le template overall footer, j'ai placé ceci juste avant la fermeture du body
Code:
<script type="text/javascript">
    var ciklepost=document.getElementsByTagName("div");
    var sj=0;
    for (sj=0; sj<ciklepost.length; sj++){
    if (ciklepost[sj].className=="postbody"){
    ciklepost[sj].innerHTML=ciklepost[sj].innerHTML.replace(' [mod] ', "<div style='border: 2px groove #000; padding: 1px; background: black; height: auto; -moz-border-radius:20px;  -webkit-border-radius:20px;  -khtml-border-radius:20px;  -border-radius:20px; '><img src='http://i43.servimg.com/u/f43/11/93/85/24/sans_t30.gif' style='background: transparent; margin-right: 30px; margin-top: 35px; padding-left: 6px;' align='left'><div style='background: #a4ea2c; height : 400 px; width: 500 px ;color : black; font-weight: bold; font-size:14px;'>Information importante: </div><div style='border-top: 1px dotted #000; width: 100%; padding-top: 3px;margin-bottom:10pt; '>");
    ciklepost[sj].innerHTML=ciklepost[sj].innerHTML.replace('[/mod]', "</div></div>");
    }
    }
    </script>

Mon bidouillage a parfaitement marché pendant plusieurs jours mais à occasionné au bout d'un certain temps un dysfonctionnement du système de redimensionnement des images (disparition du réduire /agrandir et un affichage grandeur nature des images) et un centrage des images contenues dans les topics (smileys et décoration des topics).

Voyez vous dans ma manière de procéder ou dans le codage mise en place quelque chose qui entrerait en conflit avec le système de redimensionnement.
Merci par avance pour votre aide et vos réponses.


Dernière édition par demeter1 le Dim 26 Fév 2012 - 11:01, édité 1 fois

demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par zz10 le Mar 6 Déc 2011 - 22:54

Bonjour,

Je ne vois pas en quoi votre script bug !? Par contre je peux vous proposer mon tuto qui à l'avantage de limiter l'utilisation de la balise modo aux modérateurs Smile

A vous de voir : http://www.themes-fa.com/t2853-mise-a-jour-une-balise-bbcode-pour-les-messages-de-moderation

Cdt.

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par demeter1 le Mar 6 Déc 2011 - 23:08

Merci ZZ10 pour votre aide. Suite à votre intervention , j'ai été jeté un coup d'oeil. Le tuto est tout simplement génial par contre, je vous avouerai ne pas trop savoir comment contourner le soucis des identifiants. Dans le cas présent, ce tag est accessible à l'ensemble des membres.

Pour le codage ci dessus et suite à un dysfonctionnement du système de redimensionnement, j'ai supprimé mes templates un à un jusqu’à atterrir sur le overall footer . A partir de là, j'ai supprimé un a un les javascript qu'il contenait et le coupable à été trouvé. Maintenant, je ne sais absolument pas pourquoi il rentre en conflit avec le système de redimensionnement.

demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par zz10 le Mer 7 Déc 2011 - 9:47

Donc au final, vous souhaitez utiliser mon script ou votre script de base ?

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par demeter1 le Mer 7 Déc 2011 - 18:16

Bonsoir ZZ10,
Je vous avouerai que peu importe la manière tant que le résultat est identique cad , une activation par le biais d'un bouton sur le message étendu avec une retranscription direct dans le message du bbcode personnalisé.

demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par demeter1 le Jeu 8 Déc 2011 - 18:49

Réactivation pour cette demande d'aide. Merci par avance.

demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par demeter1 le Ven 9 Déc 2011 - 22:05

Up; Une idée de ce qui ferait buguer le système de redimensionnement ou une idée de palliatif pour obtenir le même effet ????? Merci par avance pour vos réponses.

demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par demeter1 le Dim 11 Déc 2011 - 20:51

up

demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par demeter1 le Mar 13 Déc 2011 - 10:13

up

demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par demeter1 le Jeu 15 Déc 2011 - 10:02

up

demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par demeter1 le Ven 16 Déc 2011 - 12:01

up

demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par demeter1 le Dim 18 Déc 2011 - 10:38

up

demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par demeter1 le Lun 19 Déc 2011 - 10:16

up. Merci par avance pour vos réponses.
nota :J'ai tenté d'installer le javascript dans la partie hébergement des javascripts mais le script ne répond pas à la modification demandée. Apparement, il n'agit qu'en étant dans le template overall_footer.

@demeter1 a écrit:Bonjour à tous,
Encore une demande d'aide pour du javascipt de la part d'un petit padawan dont les capacités en codage sont à dégrossir. Rolling Eyes

Donc, faisons simple, faisons bien. Mes membres m'ont demandé de leur installer un bouton sur le message étendu afin de mettre en place quelque chose qui ressemble à un tag de modération mais cette fois ci pour les membres.

J'ai réussi à installer le bouton sur le message étendu de la façon suivante :
Dans le posting-body,juste après
Code:
<button class="{BUTTON_WYSI_STYLE}" id="text_editor_cmd_switchmode" type="button"><img src="{PATH_IMG_FA}i/switch_wysiwyg.gif" alt="{SWITCH_EDITOR_MODE}" /></button>&nbsp
; j'ai placé
Code:
<button class="button2" onclick="bbfontstyle(' [mod]', ' [/mod]');return false"type="button" title="deco pour membre"><img src="http://i43.servimg.com/u/f43/11/93/85/24/sans_t31.gif"/></button>

Dans le template overall footer, j'ai placé ceci juste avant la fermeture du body
Code:
<script type="text/javascript">
    var ciklepost=document.getElementsByTagName("div");
    var sj=0;
    for (sj=0; sj<ciklepost.length; sj++){
    if (ciklepost[sj].className=="postbody"){
    ciklepost[sj].innerHTML=ciklepost[sj].innerHTML.replace(' [mod] ', "<div style='border: 2px groove #000; padding: 1px; background: black; height: auto; -moz-border-radius:20px;  -webkit-border-radius:20px;  -khtml-border-radius:20px;  -border-radius:20px; '><img src='http://i43.servimg.com/u/f43/11/93/85/24/sans_t30.gif' style='background: transparent; margin-right: 30px; margin-top: 35px; padding-left: 6px;' align='left'><div style='background: #a4ea2c; height : 400 px; width: 500 px ;color : black; font-weight: bold; font-size:14px;'>Information importante: </div><div style='border-top: 1px dotted #000; width: 100%; padding-top: 3px;margin-bottom:10pt; '>");
    ciklepost[sj].innerHTML=ciklepost[sj].innerHTML.replace('[/mod]', "</div></div>");
    }
    }
    </script>

Mon bidouillage a parfaitement marché pendant plusieurs jours mais à occasionné au bout d'un certain temps un dysfonctionnement du système de redimensionnement des images (disparition du réduire /agrandir et un affichage grandeur nature des images) et un centrage des images contenues dans les topics (smileys et décoration des topics).

Voyez vous dans ma manière de procéder ou dans le codage mise en place quelque chose qui entrerait en conflit avec le système de redimensionnement.
Merci par avance pour votre aide et vos réponses.

demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par demeter1 le Mar 20 Déc 2011 - 10:46

up Embarassed

demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par demeter1 le Lun 26 Déc 2011 - 23:25

up

demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par demeter1 le Jeu 29 Déc 2011 - 19:15

up

demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par demeter1 le Sam 31 Déc 2011 - 11:04

up

demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par Ea le Sam 31 Déc 2011 - 11:30

Bonjour,


Et bien votre script agit et remplace le contenu des posts, mais toutes les références vers des images de la page du script qui redimensionne les images sont perdues ( donc une fois que le script agit vraiment ça ne marche pas ).

Sinon ce remplacement est bien mauvais, il ne faut pas mettre un coup les balise d'ouverture et un autre coup les balises de fermeture, si vous voulez utiliser innerHTML et y ajouter des éléments html, il faut mettre d'un coup la balise de fermeture et d'ouverture.

Voilà un exemple de script avec un remplacement meilleur et un décalage pour que le script agisse après celui de redimensionnement :

Code:
$(function() {
  setTimeout(function() {
    $("div.postbody").each(function() {
      $(this).html($(this).html().replace(/\[mod\]([\s\S]*?)\[\/mod\]/g, '<div class="modmessage"><img src="http://i43.servimg.com/u/f43/11/93/85/24/sans_t30.gif" class="modm-image><div class="modm-titre">Information importante: </div><div class="modm-content">$1</div></div>'))
    })
  }, 600)
});

Ea
Aidactif
Aidactif

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

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

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par demeter1 le Sam 31 Déc 2011 - 13:39

Bonjour Etana,
Merci pour cette aide. Malheureusement, le soucis reste identique : centrage des smileys et désactivation du système de redimensionnement.

J'ai placé ce javascript dans la partie hébergement des javascripts et mis sur la position "sur toute les pages".


demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par Ea le Sam 31 Déc 2011 - 18:20

Et la version par template est retirée ? La mienne normalement elle agit 0,6 seconde après que le DOM soit prêt ( et le redimensionnent d'image se passe au pire 0,5 seconde après donc ça devrait être bon ).

Pour le centrage sans exemple du problème difficile à dire.

Ea
Aidactif
Aidactif

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

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

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par demeter1 le Ven 6 Jan 2012 - 11:33

Bonjour Etana, désolé pour ce retard de correspondance (quelques soucis internet).
La version par template à été effectivement supprimé hormis pour le bouton d'appel dans le template posting-body.

J'ai placé le javascript dans l'hébergement des javascript et configuré sur toutes les pages.

Voici ce qui en résulte :
Désactivation du système de redimensionnement


centrage automatique des smileys


Après avoir fait ces captures , j'ai supprimé le javascript pour éviter tout désagrément à mes membres.


demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par demeter1 le Sam 7 Jan 2012 - 15:42

up

demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par demeter1 le Mar 10 Jan 2012 - 12:42

up

demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par demeter1 le Mer 11 Jan 2012 - 16:50

up

demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par demeter1 le Jeu 12 Jan 2012 - 17:31

up

demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par demeter1 le Ven 13 Jan 2012 - 21:25

up

demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par demeter1 le Mar 17 Jan 2012 - 17:57

up

demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par demeter1 le Jeu 19 Jan 2012 - 20:30

up

demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par Ea le Ven 27 Jan 2012 - 16:31

Bonjour,


Si je vais sur la page :
http://altitudetropicale.forums-actifs.com/t1394-echange-sur-la-culture-des-bromeliacees

Je n'ai ni le problème de redimensionnement, ni le problème de smiley qui se centre.

Cordialement.

Ea
Aidactif
Aidactif

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

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

Résolu Re: Javascript fonctionnel mais qui fait beuger le système de redimensionement des images

Message par demeter1 le Ven 27 Jan 2012 - 17:41

bonjour Etana, tout le script a été retiré hormis l'insertion du bouton d'appel. En attendant que le soucis soit résolu, j'ai préféré éviter tout désagrément à mes membres.

demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

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