Connexion

Récupérer mon mot de passe

Derniers sujets
» histoire du Jour sans fin
[TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes Clock-10Hier à 20:12 par bildil62

» Afficher la date de la dernière visite au survol du Pseudo seulement pour les admins
[TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes Clock-10Hier à 20:07 par photoclic

» [PHPBB2] Afficher une couleur de fond pour chaque catégorie
[TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes Clock-10Hier à 1:15 par ThunderTB

» [AwesomeBB] Mettre un bouton résolu et déplacé à la corbeille
[TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes Clock-10Mer 22 Mai 2019 - 9:19 par Morane

» [AwesomeBB] Histoire de widgets sur AwesomeBB
[TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes Clock-10Mer 22 Mai 2019 - 3:51 par Milouze14

» [PHPBB3] Supprimer la ligne Cacher sa présence en ligne
[TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes Clock-10Mar 21 Mai 2019 - 17:39 par Milouze14

» Les réseaux sociaux
[TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes Clock-10Mar 21 Mai 2019 - 10:17 par Splash

» *RESOLU*[Invision] Changement de couleur pour un dernier groupe installé.
[TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes Clock-10Dim 19 Mai 2019 - 19:32 par Milouze14

» Règlement de l'entraide Forumactif
[TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes Clock-10Dim 19 Mai 2019 - 10:39 par Romain

» [PhpBB2] Zoom sur catégories comme sur les messages
[TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes Clock-10Ven 17 Mai 2019 - 15:52 par Milouze14

» [TUTORIEL PHOTOSHOP] Effacer un objet très facilement avec l'Outil correcteur localisé
[TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes Clock-10Mer 15 Mai 2019 - 8:55 par soleda

» Histoire de Blondes Sans Fin
[TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes Clock-10Mar 14 Mai 2019 - 7:34 par Quad Daniel

» La dictée qui rend fou "humour"
[TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes Clock-10Mar 14 Mai 2019 - 7:23 par Quad Daniel

» [AwesomeBB] Afficher les stats du footer sans afficher le QEEL
[TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes Clock-10Lun 13 Mai 2019 - 4:16 par Milouze14

» [PhpBB2]Mettre une couleur de fond dans le profil des messages
[TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes Clock-10Ven 10 Mai 2019 - 17:04 par Morane

» [TOUTES VERSIONS] Trouver l'identifiant d'un membre spécifique
[TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes Clock-10Mer 8 Mai 2019 - 10:08 par Quad Daniel

» [AwesomeBB]Créer un widget Dernières publications
[TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes Clock-10Mar 7 Mai 2019 - 16:44 par Milouze14

» *RESOLU*[PhpBB2] Fenêtre de connexion
[TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes Clock-10Lun 6 Mai 2019 - 18:46 par Milouze14

» *RESOLU*[PhpBB2] Messenger forumactif sur votre forum
[TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes Clock-10Lun 6 Mai 2019 - 17:14 par Milouze14

» [PhpBB2]Afficher le lien du sujet dans les messages
[TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes Clock-10Dim 5 Mai 2019 - 19:38 par Milouze14

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

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

fascicularia
fascicularia
Milouzien

Messagefascicularia le 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

-Astuce des Forums Milouze14&Compagnie-





  • Astuce postée par:
    Réponse automatique:

    Merci de cliquer ici pour voir le message

Pour toute information,merci de contacter un Membre du Staff
[TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes Staff10


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.
fleur78
fleur78
Milouzien

Messagefleur78 le Dim 20 Juil 2014 - 8:26

Merci A voir
McLeod
McLeod
Milouzien

MessageMcLeod le Jeu 30 Avr 2015 - 15:17

Merci
gehem94
gehem94
Milouzien

Messagegehem94 le Sam 9 Mai 2015 - 21:35

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité le Mar 12 Mai 2015 - 12:11

Merci beaucoup !
dragon594
dragon594
Milouzien

Messagedragon594 le Dim 10 Avr 2016 - 22:16

Merci beaucoup !
dragon594
dragon594
Milouzien

Messagedragon594 le 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.
Anonymous
Invité
Invité

MessageInvité le Ven 29 Avr 2016 - 8:03

Merci beaucoup !
OptimaluS
OptimaluS
Milouzien

MessageOptimaluS le Mar 10 Mai 2016 - 1:30

Merci beaucoup !
Gae
Gae
Milouzien

MessageGae le Lun 13 Juin 2016 - 22:32

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité le Jeu 17 Nov 2016 - 18:42

Merci beaucoup !
50Thierry
50Thierry
Milouzien

Message50Thierry le Ven 16 Déc 2016 - 1:21

Merci beaucoup !
msfeettoes
msfeettoes
Milouzien

Messagemsfeettoes le Mar 11 Avr 2017 - 10:05

Merci beaucoup !
Jackymi
Jackymi
Milouzien

MessageJackymi le Mar 11 Avr 2017 - 22:35

Merci beaucoup !
masterforumbr
masterforumbr
Milouzien

Messagemasterforumbr le Mar 10 Oct 2017 - 3:20

Merci beaucoup !
Ptite_Perle
Ptite_Perle
Milouzien

MessagePtite_Perle le Sam 14 Oct 2017 - 20:25

Merci beaucoup !
hamesashek
hamesashek
Milouzien

Messagehamesashek le Jeu 14 Juin 2018 - 2:26

Merci beaucoup !
photoclic
photoclic
Milouzien

Messagephotoclic le Jeu 14 Juin 2018 - 15:26

Merci beaucoup !
1baptiste
1baptiste
Milouzien

Message1baptiste le Jeu 22 Nov 2018 - 11:32

Merci beaucoup !

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

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à membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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