Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Aide pour adapter un code de bouton rapide

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

Résolu Aide pour adapter un code de bouton rapide

Message par papa pig le Jeu 14 Juin 2018 - 14:04

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 14/06/2018
Lien du forum : http://www.batteriefanfare.com

Description du problème

Bonjour,

Je ne suis pas calé pour savoir tout seul adapter un code de bouton rapide, à l'origine basé sur ce tuto : https://forum.forumactif.com/t357504-bouton-avertissement-rapide-pour-modo-et-admin

Je l'ai détourné dans le but de ne plus poster d'html dans la rédaction du post, mais seulement en insérant un lien entre 2 balises bbcode artificielles [ embed ][ /embed ], comme le sont dans l'exemple du tuto [ mod ] et [ adm ].

Pour l'instant je suis arrivé à incruster par cette méthode le div qui a pour classe "embed-box" et qui peut prendre 3 classes complémentaires en fonction de la taille du bloc que je désire. Le but de la manœuvre étant de créer des iframes responsives selon le contenu publié (vidéo 16:9, doc a4 portrait, doc a4 paysage, respectivement identifiées dans le CSS comme .vid-169, .a4-port, .a4-pays).

J'ai donc créé un widget "Bouton embed" qui contient le code suivant :
Code:
<script type="text/javascript">
jQuery(document).ready(function() {
 
jQuery("#text_editor_textarea").before("<img src='https://i72.servimg.com/u/f72/19/59/59/04/mpfemb10.png' title='Information'  id='embedbutt' />");
 
jQuery('#embedbutt').click(function(){
jQuery("div.sceditor-toolbar + iframe").contents().find("body").append('[embed][/embed]');
jQuery('.sceditor-container textarea')[0].value += '[embed][/embed]'
});
 
});
</script>
J'ai ensuite ajouter un code javascript "sur toutes les pages" qui est le suivant :
Code:
$(function() {  

jQuery('div.postbody div').each(function () {
if(jQuery(this).text().indexOf('[embed]') != -1) {
jQuery(this).html(jQuery(this).html().replace(/\[embed\](.+?)\[\/embed\]/gi, '<div class="embed-box a4-port">$1</div>')) }  
});  });

Mon opération fonctionne impeccable, mais est encore à mi-chemin de mon but.
Elle permet pour l'instant d'attribuer un conteneur div approprié, mais je dois encore poster à l'intérieur des balises [ embed ] [ /embed ] le code html de l'iframe :
Code:
[embed]<iframe src="https://drive.google.com/file/d/1Cc4aNMcq90KulNqt2EkDgNkcoHqsacc0/preview" width="640" height="480"></iframe>[/embed]
Pour le moment, mes balises [ embed ] [ /embed ] génèrent le div qui contient le code html de l'iframe :
Code:
<div class="embed-box a4-port"></div>
Quand je poste à l'intérieur de ces balises lors de ma rédaction de message le code html de l'iframe, ça fonctionne. Mais il reste du html rédigé dans le post, et je ne le souhaite pas.

Illustration actuelle :
Je poste ceci :
Code:
[embed]<iframe src="https://drive.google.com/file/d/1Cc4aNMcq90KulNqt2EkDgNkcoHqsacc0/preview" width="640" height="480"></iframe>[/embed]
et j'obtiens ceci dans le code source :
Code:
<div class="embed-box a4-port">
<iframe src="https://drive.google.com/file/d/1Cc4aNMcq90KulNqt2EkDgNkcoHqsacc0/preview" width="640" height="480"></iframe>
</div>

Ma question ? Pourriez-vous pour ceux qui maîtrisent le codage adéquat pour ne poster que le lien suivant :
Code:
https://drive.google.com/file/d/1Cc4aNMcq90KulNqt2EkDgNkcoHqsacc0/preview
et obtenir le même résultat
c'est-à-dire que juste le lien contenu entre les balises :
[embed]url_du_doc[/embed]
soit placé au milieu des 2 segments de code html :
<div class="embed-box a4-port">
<iframe src="url_du_doc" width="640" height="480"></iframe>
</div>

En gros, je souhaite que la balise d'ouverture [ embed ] génère :
Code:
<div class="embed-box a4-port">
<iframe src="
et la balise de fermeture [ /embed ] génère la fin :
Code:
" width="640" height="480"></iframe>
</div>

Merci, c'est long et j'aurais pu faire plus court, mais je ne sais pas bien synthétiser...
Merci d'avance Very Happy


Dernière édition par papa pig le Mar 3 Juil 2018 - 14:52, édité 1 fois
avatar

papa pig
***

Masculin
Messages : 171
Inscrit(e) le : 22/01/2017

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

Résolu Re: Aide pour adapter un code de bouton rapide

Message par papa pig le Sam 16 Juin 2018 - 0:18

Bonsoir,
up please ! Very Happy
Merci d'avance
avatar

papa pig
***

Masculin
Messages : 171
Inscrit(e) le : 22/01/2017

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

Résolu Re: Aide pour adapter un code de bouton rapide

Message par papa pig le Lun 18 Juin 2018 - 0:56

Bonsoir ou bonjour,
up svp merci albino
avatar

papa pig
***

Masculin
Messages : 171
Inscrit(e) le : 22/01/2017

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

Résolu Re: Aide pour adapter un code de bouton rapide

Message par no_way le Ven 22 Juin 2018 - 22:44

Bonjour, essayez ainsi:
Code:
$(function() { 
    jQuery('div.postbody div').each(function () {
    if(jQuery(this).text().indexOf('[embed]') != -1) {
    jQuery(this).html(jQuery(this).html().replace(/\[embed\](.+?)\[\/embed\]/gi, '<div class="embed-box a4-port"><iframe src="$1" width="640" height="480"></iframe></div></div>')) } 
});});


avatar

no_way
Aidactif
Aidactif

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

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

Résolu Re: Aide pour adapter un code de bouton rapide

Message par papa pig le Sam 23 Juin 2018 - 11:41

Bonjour! merci mais je viens de voir que je le suis mal exprimé et qu'il me manque des caractères sur mes dernières lignes. En fait je voudrais grâce à ces balises juste renseigner l'Id du fichier...
Donc la 1ere balise génère
Code:
<div class="embed-box a4-port">
<iframe src="https://drive.google.com/file/d/
Et la 2e :
la fin
Code:
/preview" width="640" height="480"></iframe>
</div>
Donc en gros, on reconstitue l'url en y injectant que l'Id
Merci beaucoup
avatar

papa pig
***

Masculin
Messages : 171
Inscrit(e) le : 22/01/2017

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

Résolu Re: Aide pour adapter un code de bouton rapide

Message par no_way le Sam 23 Juin 2018 - 15:30

Ah je comprends mieux, je me permets de vous donner un avis, le choix du nom embed me paraît bien trop générique au vu de l'usage que vous souhaitez en faire.

Quoi qu'il en soit essayez avec le script suivant:
Code:
$(function() {
    var regexp=/\[(embed)\](.+?)\[\/\1\]/gi;
    jQuery('div.postbody div').each(function () {
        var html=jQuery(this).html();
        if(regexp.test(html)) {
            jQuery(this).html(html.replace(regexp, '<div class="embed-box a4-port"><iframe src="https://drive.google.com/file/d/$2/preview" width="640" height="480"></iframe></div></div>')) } 
    })
});
Si vous souhaitez changer le nom utilisé dans la balise BBcode il vous suffit de le modifier dans la regexp.


avatar

no_way
Aidactif
Aidactif

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

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

Résolu Re: Aide pour adapter un code de bouton rapide

Message par Chacha le Dim 1 Juil 2018 - 10:07

Bonjour,

Attention, cela fait 8 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 57774
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide pour adapter un code de bouton rapide

Message par Chacha le Lun 2 Juil 2018 - 9:13

Bonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 9 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 57774
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide pour adapter un code de bouton rapide

Message par papa pig le Mar 3 Juil 2018 - 14:51

Merci no_way Like a Star @ heaven Like a Star @ heaven résolu
avatar

papa pig
***

Masculin
Messages : 171
Inscrit(e) le : 22/01/2017

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

Résolu Re: Aide pour adapter un code de bouton rapide

Message par Chacha le Mar 3 Juil 2018 - 14:52

Bonjour,

Le topic est replacé à la demande de l'auteur du sujet.

Pensez à faire un UP au moins une fois par semaine si vous ne voulez pas voir votre sujet déplacé à la corbeille.
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 57774
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha 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