Bouton inframe

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

Résolu Bouton inframe

Message par Helyza le Jeu 19 Fév 2015 - 16:33

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Internet Explorer
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.megaphone-forum.com/

Description du problème

Bonjour,

Sur nos forums, nous avons la possibilité d'utiliser les iframes afin d'afficher un texte provenant d'un autre site web dans son intégralité.

Je recherche donc un script pour un bouton qui mettrait en forme l'iframe, afin d'éviter que cela ne déforme le forum.

Merci d'avance pour votre aide ! Wink


Dernière édition par Helyza le Ven 20 Fév 2015 - 13:05, édité 1 fois

Helyza
**

Féminin
Messages : 83
Inscrit(e) le : 02/05/2012

http://www.megaphone-forum.com/
Helyza a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton inframe

Message par demeter1 le Jeu 19 Fév 2015 - 16:44

Re Helyza,
Voici le script à installer dans la gestion des javascripts en cochant sur toutes les pages.
L'iframe est mise en version spoiler pour éviter un temps de chargement excessif.

Code:
/*Script Bouton iframe  */
$(document).on("ready",function(){$(".sceditor-container").append('\n<div class="sceditor-dropdown sceditor-iframe" style="width:225px;display:none;margin-top: 27px;">\n \n<div><label for="genatext" style="text-align:center;" >L\'URL de la page que vous souhaitez voir apparaître dans l\'Iframe : </label><input type="text" id="genatext" 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 " />\n\n<label for="genanote" style="text-align:center;">Choisissez le nom de votre iframe :</label> <input type="text" id="genanote" style="margin-left: auto;\n  margin-right: auto;width : 90%;" placeholder="Saisissez le nom de votre iframe" />\n \n<br /><input type="button" style = "margin-top: 15px;"class="button" value="Insérer">\n</div></div>'),$('<a class= "sceditor-button bbcode-iframe"  title= "Inserer une iframe"><div style="background-image:url(http://i56.servimg.com/u/f56/17/47/58/13/google10.gif)">iframe</div></a>').insertAfter(".sceditor-button-fahide").click(function(){var e=$(".sceditor-iframe").css("display");"none"==e?$(".sceditor-iframe").css({left:$(this).position().left,top:$(this).position().top}).show():$(".sceditor-iframe").hide()}),$(".sceditor-iframe .button").click(function(){var e=$(".sceditor-iframe #genanote").val(),t=$(".sceditor-iframe #genatext").val();return""==e&&""==t?(alert("Champs URL et nom vides. \n Veuillez rectifier"),!1):""==t?(alert("Champs Nom non rempli. \n l'iframeVeuillez coller l'url de la page"),!1):""==e?(alert("Champs  Url non rempli. \n Veuillez indiquer le nom de l'iframe"),!1):void $("#text_editor_textarea").sceditor("instance").insert("  * [spoiler=Afficher l'iframe]<iframe name=""+e+'"src="'+t+'" scrolling="yes" height="600" width="800" FRAMEBORDER="no"></iframe>[/spoiler] ')})});
/*Fin de script bouton iframe*/

Faites un essai sur votre forum pour voir s'il faut modifier certains paramétrages (image du bouton, texte en affichage ou largeur et hauteur de l'iframe).

demeter1
+ Hyperactif +

Masculin
Messages : 8105
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton inframe

Message par Helyza le Jeu 19 Fév 2015 - 17:25

Il doit y avoir des trucs à modifier car je ne vois pas l'image du bouton dans l'éditeur. ^^

Helyza
**

Féminin
Messages : 83
Inscrit(e) le : 02/05/2012

http://www.megaphone-forum.com/
Helyza a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton inframe

Message par demeter1 le Jeu 19 Fév 2015 - 17:46

Petite boulette de ma part. Retentez avec ceci

Code:
/*Script Bouton iframe  */
$(document).on("ready",function(){$(".sceditor-container").append('\n<div class="sceditor-dropdown sceditor-iframe" style="width:225px;display:none;margin-top: 27px;">\n \n<div><label for="genatext" style="text-align:center;" >L\'URL de la page que vous souhaitez voir apparaître dans l\'Iframe : </label><input type="text" id="genatext" 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 " />\n\n<label for="genanote" style="text-align:center;">Choisissez le nom de votre iframe :</label> <input type="text" id="genanote" style="margin-left: auto;\n  margin-right: auto;width : 90%;" placeholder="Saisissez le nom de votre iframe" />\n \n<br /><input type="button" style = "margin-top: 15px;"class="button" value="Insérer">\n</div></div>'),$('<a class= "sceditor-button bbcode-iframe"  title= "Inserer une iframe"><div style="background-image:url(http://i56.servimg.com/u/f56/17/47/58/13/google10.gif)">iframe</div></a>').insertAfter(".sceditor-button-fahide").click(function(){var e=$(".sceditor-iframe").css("display");"none"==e?$(".sceditor-iframe").css({left:$(this).position().left,top:$(this).position().top}).show():$(".sceditor-iframe").hide()}),$(".sceditor-iframe .button").click(function(){var e=$(".sceditor-iframe #genanote").val(),t=$(".sceditor-iframe #genatext").val();return""==e&&""==t?(alert("Champs URL et nom vides. \n Veuillez rectifier"),!1):""==t?(alert("Champs Nom non rempli. \n l'iframe Veuillez coller l'url de la page"),!1):""==e?(alert("Champs  Url non rempli. \n Veuillez indiquer le nom de l'iframe "),!1):void $("#text_editor_textarea").sceditor("instance").insert("  * [spoiler=Afficher l'iframe]<iframe name=""+e+'"src="'+t+'" scrolling="yes" height="600" width="800" FRAMEBORDER="no"></iframe>[/spoiler] ')})});
/*Fin de script bouton iframe*/

demeter1
+ Hyperactif +

Masculin
Messages : 8105
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton inframe

Message par Helyza le Ven 20 Fév 2015 - 13:04

Bonjour,

Le code ne fonctionne toujours pas mais j'ai trouvé une autre solution ! Wink

Le problème est résolu. ^^

Encore merci. =)

Helyza
**

Féminin
Messages : 83
Inscrit(e) le : 02/05/2012

http://www.megaphone-forum.com/
Helyza 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