[Javascript] Bouton d'édition ne marchant pas
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
[Javascript] Bouton d'édition ne marchant pas
Bonjour, j'aimerais savoir pourquoi ce code ne marche pas et comment est il possible de le faire marcher s'il vous plait ?
Il a pour but de créer un bouton d'édition.
Forum : phpBB2
Merci
Backdraft
- 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
Re: [Javascript] Bouton d'édition ne marchant pas
Bonjour, il faut remplacer les " par ", uniquement ceux à l'intérieur de
Sans ":
- Code:
bbfontstyle(\'....\');
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>');
}
});
- 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>');
}
});
Dernière édition par Gorgebvsh le Sam 27 Avr 2013 - 2:44, édité 1 fois
Re: [Javascript] Bouton d'édition ne marchant pas
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.
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.
Re: [Javascript] Bouton d'édition ne marchant pas
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:
Cordialement.
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>');
}
});
Cordialement.
Dernière édition par Gorgebvsh le Mar 23 Avr 2013 - 0:51, édité 2 fois
Re: [Javascript] Bouton d'édition ne marchant pas
Merci j'essai demain
Re: [Javascript] Bouton d'édition ne marchant pas
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
Merci
Backdraft
Re: [Javascript] Bouton d'édition ne marchant pas
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):
dernier cas, si vous voulez juste ajouter les boutons au menu "autres" existant:
Cordialement.
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>');
}
});
- 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>');
}
});
Cordialement.
Dernière édition par Gorgebvsh le Sam 27 Avr 2013 - 2:41, édité 1 fois (Raison : amélioration code 2)
Re: [Javascript] Bouton d'édition ne marchant pas
Merci beaucoup le code 1 était exactement ce que je recherchais, merci !
Sujets similaires
» Script pour le bouton copier sur les balises codes ne marchant pas
» Bouton pour un javascript
» Exécuter un javascript avec un bouton submit
» Post non souhaité avec bouton onclick et Javascript getElementById
» Mettre le Javascript des bouton modo/admin autre que dans un widget
» Bouton pour un javascript
» Exécuter un javascript avec un bouton submit
» Post non souhaité avec bouton onclick et Javascript getElementById
» Mettre le Javascript des bouton modo/admin autre que dans un widget
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum