[Javascript] Bouton d'édition ne marchant pas

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

Résolu [Javascript] Bouton d'édition ne marchant pas

Message par _backdraft_ le Lun 22 Avr 2013 - 0:27

Bonjour, j'aimerais savoir pourquoi ce code ne marche pas et comment est il possible de le faire marcher s'il vous plait ?

Code:
$(function () {
    if ($('#text_editor_textarea').length) {
        $('#text_editor_cmd_switchmode').after('<button class="button2" onclick="bbfontstyle(\'[table class="mdj"][tr][td vertical-align="middle"][img]http://i11.servimg.com/u/f11/11/06/28/73/mdj_of10.jpg[/img][/td][td vertical-align="middle"][b]\', \'[/b][/td][/tr][/table]\');return false" type="button" title="CODIS">Balise CODIS</button>');
    }
});

Il a pour but de créer un bouton d'édition.

Forum : phpBB2

Merci
Backdraft


Dernière édition par _backdraft_ le Ven 26 Avr 2013 - 23:56, édité 1 fois

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Javascript] Bouton d'édition ne marchant pas

Message par Gorgebvsh le Lun 22 Avr 2013 - 12:34

Bonjour, il faut remplacer les " par &quot;, uniquement ceux à l'intérieur de
Code:
bbfontstyle(\'....\');
ou simplement les enlevés car ils brisent la chaine javascript

Sans ":
Code:
$(function () {
    if ($('#text_editor_textarea').length) {
        $('#text_editor_cmd_switchmode').after('<button class="button2" onclick="bbfontstyle(\'[table class=mdj][tr][td vertical-align=middle][img]http://i11.servimg.com/u/f11/11/06/28/73/mdj_of10.jpg[/img][/td][td vertical-align=middle][b]\', \'[/b][/td][/tr][/table]\');return false" type="button" title="CODIS">Balise CODIS</button>');
    }
});
Avec &quot;:
Code:
$(function () {
    if ($('#text_editor_textarea').length) {
        $('#text_editor_cmd_switchmode').after('<button class="button2" onclick="bbfontstyle(\'[table class=&quot;mdj&quot;][tr][td vertical-align=&quot;middle&quot;][img]http://i11.servimg.com/u/f11/11/06/28/73/mdj_of10.jpg[/img][/td][td vertical-align=&quot;middle&quot;][b]\', \'[/b][/td][/tr][/table]\');return false" type="button" title="CODIS">Balise CODIS</button>');
    }
});
Cordialement.


Dernière édition par Gorgebvsh le Sam 27 Avr 2013 - 2:44, édité 1 fois

Gorgebvsh
**

Messages : 74
Inscrit(e) le : 12/12/2011

http://www.resistance-squad.com/#powered%20by%20forumactif%2Ecom
Gorgebvsh a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Javascript] Bouton d'édition ne marchant pas

Message par _backdraft_ le Lun 22 Avr 2013 - 22:41

Merci beaucoup,

Juste une petite question à propos du même sujet, j'ai plusieurs boutons comme celui ci, donc pour améliorer l'esthétique j'aimerais les regrouper dans un bouton défilant un peu comme le bouton "autres", comment puis je faire ceci, s'il vous plait ?

Encore merci.

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [Javascript] Bouton d'édition ne marchant pas

Message par Gorgebvsh le Mar 23 Avr 2013 - 0:35

Bonsoir, ForumActif utilise un container qui s'affiche et se cache quand on clique et qui vient se placer sous le bouton regroupant un tas de boutons, c'est réalisable, mais un poil plus complexe ...

pour aller au plus simple, (seul inconvénient on perd le placement du curseur automatique au milieu des balises, c'est pourquoi j'ai rajouter "..." entre les balises, là ou on doit écrire le message)

j'aurai fait ça avec un select:
Code:
$(function () {
    if ($('#text_editor_textarea').length) {
        $('#text_editor_cmd_switchmode').after('<select onchange="bbfontstyle(this.options[this.selectedIndex].value ,\'\');"><option style="display:none">menu</option>'
        /* option 1 (codis) */
        + '<option value="[table class=mdj][tr][td vertical-align=middle][img]//i11.servimg.com/u/f11/11/06/28/73/mdj_of10.jpg[/img][/td][td vertical-align=middle][b]...[/b][/td][/tr][/table]">Codis</option>'
        /* option 2 */
        + '<option value="[BBCODE]...[/BBCODE]">option2</option>'
        /* option 3 */
        + '<option value="[BBCODE]...[/BBCODE]">option3</option>'
        /* option 4 */
        + '<option value="[BBCODE]...[/BBCODE]">option4</option>'
        /* option 5 */
        + '<option value="[BBCODE]...[/BBCODE]">option5</option>'
        /* fin du select */
        + '</select>');
    }
});
attention au (" + ') , je vous conseille de passer le code ici avant de le publier pour de bon sur votre forum, en même temps vous prendrez connaissance des erreurs éventuelles, a vous de voir pour le code si vous souhaiter d'autres propositions d'autres membres

Cordialement.


Dernière édition par Gorgebvsh le Mar 23 Avr 2013 - 0:51, édité 2 fois

Gorgebvsh
**

Messages : 74
Inscrit(e) le : 12/12/2011

http://www.resistance-squad.com/#powered%20by%20forumactif%2Ecom
Gorgebvsh a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Javascript] Bouton d'édition ne marchant pas

Message par _backdraft_ le Mar 23 Avr 2013 - 0:44

Merci j'essai demain Wink

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Javascript] Bouton d'édition ne marchant pas

Message par _backdraft_ le Mar 23 Avr 2013 - 23:22

Effectivement le fait que la souris ne se place pas au milieu est assez problématique, il doit y avoir un moyen non vu que le bouton autre marche, ne peut on pas s'en inspirer ?

Merci
Backdraft

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [Javascript] Bouton d'édition ne marchant pas

Message par Gorgebvsh le Ven 26 Avr 2013 - 11:29

Bonjour, je reviens vers vous ..

si on continue avec la première méthode du <select> (pas très propre mais semble fonctionner, et on garde le placement de la souris):
Code:
$(function () {
    if ($('#text_editor_textarea').length) {
        $('#text_editor_cmd_switchmode').after('<select onchange="bbfontstyle(this.options[this.selectedIndex].value , this.options[this.selectedIndex].id)"><option style="display:none">menu</option>'
        /* option 1 (codis) */
        + '<option value="[table class=mdj][tr][td vertical-align=middle][img]//i11.servimg.com/u/f11/11/06/28/73/mdj_of10.jpg[/img][/td][td vertical-align=middle][b]" id="[/b][/td][/tr][/table]">Codis</option>'
        /* option 2 */
        + '<option value="[BBCODE]" id="[/BBCODE]">option2</option>'
        /* option 3 */
        + '<option value="[BBCODE]" id="[/BBCODE]">option3</option>'
        /* option 4 */
        + '<option value="[BBCODE]" id="[/BBCODE]">option4</option>'
        /* option 5 */
        + '<option value="[BBCODE]" id="[/BBCODE]">option5</option>'
        /* fin du select */
        + '</select>');
    }
});
Autrement, ressemblant à ForumActif:
Code:
$(function () {
    if ($('#text_editor_textarea').length) {
        $('#text_editor_cmd_switchmode').after('<input type="button" class="button2" style="height:22px" value="Menu" onclick="$(\'#mymenu\').is(\':visible\') ? $(\'#mymenu\').hide() : $(\'#mymenu\').show();">'
        /* debut du <div> */
        +'<div id="mymenu" class="select" style="position:relative;text-align:center;width:75px;display:none">'
        /* option 1 (codis) */
        +'<button onclick="bbfontstyle(\'[table class=mdj][tr][td vertical-align=middle][img]//i11.servimg.com/u/f11/11/06/28/73/mdj_of10.jpg[/img][/td][td vertical-align=middle][b]\', \'[/b][/td][/tr][/table]\');$(\'#mymenu\').hide();return false;">Codis</button><br>'
        /* option 2 */
        +'<button onclick="bbfontstyle(\'[BBCODE]\', \'[/BBCODE]\');$(\'#mymenu\').hide();return false;">option2</button><br>'
        /* option 3 */
        +'<button onclick="bbfontstyle(\'[BBCODE]\', \'[/BBCODE]\');$(\'#mymenu\').hide();return false;">option3</button><br>'
        /* option 4 */
        +'<button onclick="bbfontstyle(\'[BBCODE]\', \'[/BBCODE]\');$(\'#mymenu\').hide();return false;">option4</button><br>'
        /* option 5 */
        +'<button onclick="bbfontstyle(\'[BBCODE]\', \'[/BBCODE]\');$(\'#mymenu\').hide();return false;">option5</button><br>'
        /* fin du </div> */
        +'</div>');
    }
});

dernier cas, si vous voulez juste ajouter les boutons au menu "autres" existant:
Code:
$(function () {
    if ($('#text_editor_textarea').length) {
        $('#other').append('<br><button onclick="bbfontstyle(\'[table class=mdj][tr][td vertical-align=middle][img]//i11.servimg.com/u/f11/11/06/28/73/mdj_of10.jpg[/img][/td][td vertical-align=middle][b]\', \'[/b][/td][/tr][/table]\');selectWysiwyg(this, \'other\');return false;">Codis</button>'
        + '<br><button onclick="bbfontstyle(\'[BBCODE]\', \'[/BBCODE]\');selectWysiwyg(this, \'other\');return false;">option2</button>'
        + '<br><button onclick="bbfontstyle(\'[BBCODE]\', \'[/BBCODE]\');selectWysiwyg(this, \'other\');return false;">option3</button>'
        + '<br><button onclick="bbfontstyle(\'[BBCODE]\', \'[/BBCODE]\');selectWysiwyg(this, \'other\');return false;">option4</button>'
        + '<br><button onclick="bbfontstyle(\'[BBCODE]\', \'[/BBCODE]\');selectWysiwyg(this, \'other\');return false;">option5</button>');
    }
});
Je vous conseille de passer le code ici avant de le publier pour de bon sur votre forum

Cordialement.


Dernière édition par Gorgebvsh le Sam 27 Avr 2013 - 2:41, édité 1 fois (Raison : amélioration code 2)

Gorgebvsh
**

Messages : 74
Inscrit(e) le : 12/12/2011

http://www.resistance-squad.com/#powered%20by%20forumactif%2Ecom
Gorgebvsh a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Javascript] Bouton d'édition ne marchant pas

Message par _backdraft_ le Ven 26 Avr 2013 - 23:54

Merci beaucoup le code 1 était exactement ce que je recherchais, merci !

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ 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