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

[demeter1]

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.

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.

[zz10]

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

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

Cdt.

[demeter1]

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.

[zz10]

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

[demeter1]

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]

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

[demeter1]

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]

up

[demeter1]

up

[demeter1]

up

[demeter1]

up

[demeter1]

up

[demeter1]

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.

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.

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]

up

[demeter1]

up

[demeter1]

up

[demeter1]

up

[Ea]

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)
});

[demeter1]

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".

[Ea]

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.

[demeter1]

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]

up

[demeter1]

up

[demeter1]

up

[demeter1]

up

[demeter1]

up

[demeter1]

up

[demeter1]

up

[Ea]

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.

[demeter1]

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.