Derniers sujets*
» [AWESOMEBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 19:03

» [MODERNBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 18:53

» [AWESOMEBB]Modifier les icônes de la réponse rapide
par Milouze14 Sam 17 Juil 2021 - 19:37

» [MODERNBB]Afficher des commentaires sous forme de vignettes
par Milouze14 Lun 12 Juil 2021 - 8:37

» [AWESOMEBB]Afficher des commentaires sous forme de vignettes
par Milouze14 Mer 7 Juil 2021 - 19:25

» [PHPBB2]Afficher des commentaires sous forme de vignettes
par Milouze14 Lun 5 Juil 2021 - 19:35

» [PHPBB3]Afficher des commentaires sous forme de vignettes
par photoclic Jeu 1 Juil 2021 - 23:28

» [PHPBB2] Afficher l'id/ami et brouillon dans le Welcome de la toolbar
par Ptite_Perle Jeu 24 Juin 2021 - 18:29

» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par Milouze14 Mer 23 Juin 2021 - 7:01

» [TOUTES VERSIONS] Changer les boutons Nouveau MP et Répondre au MP par du texte
par Constellation Mer 16 Juin 2021 - 0:53

» [PHPBB2] Afficher le posteur du sujet dans les réponses
par Constellation Jeu 10 Juin 2021 - 23:45

» [PHPBB2] Afficher les brouillons en attente sur toutes les pages etc etc
par Constellation Jeu 10 Juin 2021 - 23:43

» [PHPBB2]Supprimer le tag "Re" sur les messages
par Constellation Jeu 10 Juin 2021 - 2:37

» [TOUTES VERSIONS] Ajouter le texte bienvenu et le Pseudo dans l'onglet du navigateur
par Constellation Jeu 10 Juin 2021 - 2:31

» [TOUTES VERSIONS] Afficher la partie profil de la toolbar en bas à gauche avec effet slide
par Constellation Jeu 10 Juin 2021 - 2:27

» [TOUTES VERSIONS] Modifier les textes des MPs nons lus
par Constellation Jeu 10 Juin 2021 - 2:25

» [TOUTES VERSIONS]Afficher la date de la dernière visite au survol du Pseudo seulement pour les admins
par Constellation Jeu 10 Juin 2021 - 2:23

» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par Constellation Jeu 10 Juin 2021 - 2:20

» [PHPBB3] Supprimer la ligne Cacher sa présence en ligne
par Chéryl Sam 29 Mai 2021 - 19:40

» [TOUTES VERSIONS] Masquer le bouton j'aime pas ou j'aime a un membre
par fred9545 Sam 29 Mai 2021 - 11:51

Les statistiques du forum
Nous avons 480 membres enregistrés

L'utilisateur enregistré le plus récent est Spo0kyCat

Nos membres ont posté un total de 26586 messages dans 1349 sujets

[TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes

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

Message n°10
fascicularia
fascicularia
Milouzien

https://altitudetropicale.forums-actifs.com/

Messagefascicularia Mer 16 Juil 2014 - 11:38

Bonjour à tous,
Un autre bouton qui aidera vos membres à poster des iframes sans se prendre trop la tête. Oui, je sais , j'encourage la fainéantise de mes membres. clin oeil 

Le système est paramétré pour insérer l'iframe entre des balises spoiler afin d'éviter des chargements excessifs des pages.

Une taille est également définie afin de vous éviter de vous retrouver avec des pages déformées.

Pour finir , chaque champs est vérifié avant que le système ne poste la trame sur l'éditeur.

En image
[TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes Sans_t58



A insérer dans la gestion des javascripts en cochant sur "toutes les pages".

Code:
/*Script Bouton iframe  */
    $(document).on('ready', function () {
    $(".sceditor-container").append('
    <div class="sceditor-dropdown sceditor-iframe" style="width:225px;display:none;margin-top: 27px;">
    
    <div><label for="genatext" style="text-align:center;" >Choisissez le nom de votre iframe : </label><input type="text" id="genatext" style = "margin-left: auto;  margin-right: auto;width :90%;" placeholder="Saisissez le nom de votre iframe" />

    <label for="genanote" style="text-align:center;">L\'URL de la page que vous souhaitez voir apparaître dans l\'Iframe : </label>
    <input type="text" id="genanote" style="margin-left: auto;
      margin-right: auto;width : 90%;" placeholder="Collez L\'URL de la page que vous souhaitez voir apparaître dans l\'Iframe " />
    
    <br /><input type="button" style = "margin-top: 15px;"class="button" value="Insérer">
    </div></div>');
     $('<a class= "sceditor-button bbcode-iframe"  title= "Inserer une iframe"><div style="background-image:url(https://i.servimg.com/u/f56/17/47/58/13/google10.gif)">iframe</div></a>').insertAfter('.sceditor-button-fahide').click(function () {
    var f = $(".sceditor-iframe").css("display");
    if(f =='none') {$(".sceditor-iframe").css({"left": $(this).position().left , "top": $(this).position().top, }).show(); }
    else {$(".sceditor-iframe").hide(); }
    });
     $(".sceditor-iframe .button").click(function () {
     var a = $(".sceditor-iframe input[id='genanote']").val();
     var b = $(".sceditor-iframe input[id='genatext']").val();
    if (a=="" && b =="") {
    alert ('Champs URL et nom vides. \n Veuillez rectifier');
    return false;
    };
    if (b =="") {
    alert ('Champs Nom non rempli. \n Veuillez indiquer le nom de l\'iframe');
    return false;
    };
    if (a =="") {
    alert ('Champs  Url non rempli. \n Veuillez coller l\'url de la page');
    return false;
    };
     $('#text_editor_textarea').sceditor("instance").insert('  * [spoiler=Afficher l\'iframe]<iframe name="'+b+'"src="'+a+'" scrolling="yes" height="600" width="800" FRAMEBORDER="no"></iframe>[/spoiler] ');
     });
     });
    /*Fin de script bouton iframe*/

Ce qui est modifiable
L'image du bouton
Code:
background-image:url(http://i56.servimg.com/u/f56/17/47/58/13/google10.gif

Le positionnement du bouton
Code:
.insertAfter('.sceditor-button-fahide')

La taille de l'iframe
Code:
height="600" width="800"

Vous pouvez modifier le texte de chaque champs ou des alertes mais n'oubliez pas de mettre un \ si vous avez des caractères accentués ou des apostrophes.


Voila, c'est tout pour le moment clin oeil .
Un soucis direction l'entraide hinhin
https://www.milouze14.com/f14-entraide-forumactif

Milouze14 aime ce message

Message n°20
fleur78
fleur78
Milouzien

http://graphfleur78.forumactif.org/

Messagefleur78 Dim 20 Juil 2014 - 8:26

Merci A voir
Message n°30
avatar
McLeod
Milouzien

http://villa-paintball.keuf.net/

MessageMcLeod Jeu 30 Avr 2015 - 15:17

Merci
Message n°40
avatar
gehem94
Milouzien

http://fontenayplateau.net

Messagegehem94 Sam 9 Mai 2015 - 21:35

Merci beaucoup !
Message n°50
Anonymous
Invité
Invité

MessageInvité Mar 12 Mai 2015 - 12:11

Merci beaucoup !
Message n°60
dragon594
dragon594
Milouzien

https://dragon-graphisme59.forumactif.org/

Messagedragon594 Dim 10 Avr 2016 - 22:16

Merci beaucoup !
Message n°70
dragon594
dragon594
Milouzien

https://dragon-graphisme59.forumactif.org/

Messagedragon594 Dim 10 Avr 2016 - 22:29

Bonsoir,

J'ai un soucis car j'ai installé ce javascript et je n'ai pas du tout le nouveau bouton sur mon forum.

Je vous en donne la preuve par image.

[TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes Bouton10


Voilà donc comment puis-je faire pour que cela fonctionne ?

Merci d'avance de vos réponses bien cordialement Dragon594.
Message n°80
Anonymous
Invité
Invité

MessageInvité Ven 29 Avr 2016 - 8:03

Merci beaucoup !
Message n°90
avatar
OptimaluS
Milouzien

http://maturityteam.forumactif.org/forum

MessageOptimaluS Mar 10 Mai 2016 - 1:30

Merci beaucoup !
Message n°100
Gae
Gae
Milouzien

http://www.famille-r3d-dw4rf.com/

MessageGae Lun 13 Juin 2016 - 22:32

Merci beaucoup !
Message n°110
Anonymous
Invité
Invité

MessageInvité Jeu 17 Nov 2016 - 18:42

Merci beaucoup !
Message n°120
50Thierry
50Thierry
Milouzien

http://www.gps-sne.com/

Message50Thierry Ven 16 Déc 2016 - 1:21

Merci beaucoup !
Message n°130
msfeettoes
msfeettoes
Milouzien

Avertissement : 50/100
https://feetloverfeets.forumactif.com/

Messagemsfeettoes Mar 11 Avr 2017 - 10:05

Merci beaucoup !
Message n°140
Jackymi
Jackymi
Membre regretté

http://www.skywebforum.com/

MessageJackymi Mar 11 Avr 2017 - 22:35

Merci beaucoup !
Message n°150
avatar
masterforumbr
Milouzien

https://beta.masterforum.biz

Messagemasterforumbr Mar 10 Oct 2017 - 3:20

Merci beaucoup !
Message n°160
Ptite_Perle
Ptite_Perle
Milouzien

https://forumcrea.forumactif.org/

MessagePtite_Perle Sam 14 Oct 2017 - 20:25

Merci beaucoup !
Message n°170
hamesashek
hamesashek
Milouzien

http://3arb-way.a7larab.net/

Messagehamesashek Jeu 14 Juin 2018 - 2:26

Merci beaucoup !
Message n°180
avatar
photoclic
Milouzien

https://photoclic.forum-pro.fr/

Messagephotoclic Jeu 14 Juin 2018 - 15:26

Merci beaucoup !
Message n°190
1baptiste
1baptiste
Milouzien

http://horus.forumactif.com/

Message1baptiste Jeu 22 Nov 2018 - 11:32

Merci beaucoup !
Message n°200
tenrev
tenrev
Milouzien

https://www.biblio3d.com/

Messagetenrev Mar 29 Déc 2020 - 11:46

Merci pour l'aide c'est super coucou

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Sujets similaires internes ( 0 )
Aucun sujet

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà Milouzien ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum