Partagez | 

Petite question Javascript :D

Message Sujet: Petite question Javascript :D    Lun 15 Jan - 17:48

MmeFeuillage

avatar
Voir le profil de l'utilisateur
Etudiante
Bons Points (BP) : 66
Hello
c'est encore encore encore moi ^^ ("rooh mais qu'est ce qu'elle a encore celle la ?!" )

ça ne devrait pas être trop long cette fois s'il y a des connaisseurs de javascript...parce que autant html/CSS je commence a m'y retrouver un peu mais le javascript... Embarassed
et puis qui sait ça pourrait donner lieu a un tuto Razz (sauf s'il existe déjà et que je ne lai pas vu auquel cas je veux bien être dirigé et je m'excuse 1000 fois Wink )

Donc bref, en farfouillant j'ai trouvé un code permettant d'ajouter des polices google font directement dans ma liste de polices dans l'édition WY... (je ne sais plus le nom)

Hors, sur mon exemple j'arrive à mettre une seule police. J'ai tenté d'en ajouter plusieurs, les noms sont apparus dans ma liste mais la police ne s'applique pas...

J'en conclut que mon javascript fonctionne mais qu'il me manque un truc quelque part dans un templates ( ou CSS ?)

Voila comment j'ai procédé
1 - j'ai installé mes polices trouvées sur google font dans mon templates overall header ,juste après la balise head :
Code:
<link href="https://fonts.googleapis.com/css?family=Amatic+SC|Dancing+Script|Homemade+Apple|Indie+Flower|Poiret+One|Sacramento" rel="stylesheet">

Valider, publier.

2 - J'ai créé une page javascript avec le code suivant :
Code:
$(function(){
  if (!$.sceditor) return;
  $.sceditor.defaultOptions.fonts += ',Indie flower';
    $.sceditor.defaultOptions.fonts += ',Dancing Script';
    $.sceditor.defaultOptions.fonts += ',Amatic SC';
    $.sceditor.defaultOptions.fonts += ',Sacramento';
    $.sceditor.defaultOptions.fonts += ',Homemade Apple';
  $.sceditor.defaultOptions.fonts += ',Poiret One';
});

et voila...
Ma police Indie Flower est un peu partout sur le forum donc dans différents templates, dans la CSS etc... ce qui explique qu'elle marche je suppose. Et donc pour les autres polices, il doit falloir les mettre dans un autre templates ou bien dans le CSS ? mais ou ?

J'ai tenté de faire une page javascript par police mais le problème reste le meme.
Donc j'arrive a avoir la liste des polices dans la liste dans l’éditeur, ça ajoute bien la balise BBcodes mais la police n'est pas affiché...

Si quelqu'un connait l'astuce ce serait super top !
Merci d'avance !
Revenir en haut Aller en bas

Message Sujet: Re: Petite question Javascript :D    Lun 15 Jan - 19:08

Elilith

avatar
Voir le profil de l'utilisateur
Analyste
Bons Points (BP) : 2974
Coucou Mme Feuillage !

Alors effectivement ton problème ne doit pas être lié au javascript, je suis tombée sur ce topic en farfouillant un peu : http://forum.forumactif.com/t357685-ajouter-des-polices-en-plus-de-celles-de-l-editeur-de-messages , la première réponse semble correspondre à un mini tuto sympa, tu as déjà essayé de cette manière là ?
Revenir en haut Aller en bas




Merci à Agnïeszka !
Mes badges de langues étrangères:
 

Message Sujet: Re: Petite question Javascript :D    Mar 16 Jan - 15:10

MmeFeuillage

avatar
Voir le profil de l'utilisateur
Etudiante
Bons Points (BP) : 66
Merci pour ta réponse !
j'avais vu ce sujet mais impossible de trouver le javascript, je n'ai pas la même chose que sur le tuto...
J'ai "standart" "@import" mais pas "Javascript"...
En théorie, en les installant dans overall header, par besoin de la première partie en Javascript, qui de ce que j'ai lu, est surtout utilisé quand on a pas les accès au templates.
J'ai quand même modifié la deuxième partie de mon javascript pour que ça soit noté comme dit plus bas dans le sujet tuto ( c'est a dire toutes les polices a la suite les unes des autres , mais rien ne change : elles sont dans ma liste, elles se mettent bien en BB code mais n'apparaissent pas en mode edition WY...

https://fonts.google.com/?selection.family=Amatic+SC|Dancing+Script|Homemade+Apple|Indie+Flower|Poiret+One|Sacramento
Revenir en haut Aller en bas

Message Sujet: Re: Petite question Javascript :D    Dim 21 Jan - 19:34

MmeFeuillage

avatar
Voir le profil de l'utilisateur
Etudiante
Bons Points (BP) : 66
Un petit coucou pour dire que je cherche toujours Wink
Revenir en haut Aller en bas

Message Sujet: Re: Petite question Javascript :D    Dim 28 Jan - 16:13

Agnïeszka

avatar
Voir le profil de l'utilisateur
Directrice
Bons Points (BP) : 1706
Coucou,

Désolé pour l'attente, nos codeurs sont pas mal occupés irl en ce moment, ils passeront t'aider aussi vite que possible Wink
Revenir en haut Aller en bas


N'hésitez pas à visiter les forums des Sopiens !

Message Sujet: Re: Petite question Javascript :D    Lun 29 Jan - 12:39

MmeFeuillage

avatar
Voir le profil de l'utilisateur
Etudiante
Bons Points (BP) : 66
Pas de soucis, la recherche est toujours en cours mais ce n'est pas urgent , je peux patienter Very Happy
Merci d’être passé me donner des nouvelles !
Revenir en haut Aller en bas

Message Sujet: Re: Petite question Javascript :D    Mer 31 Jan - 18:31

Elenthil

avatar
Voir le profil de l'utilisateur
Directrice
Bons Points (BP) : 1503
Coucou MmeFeuillage Smile

Avant de regarder plus en détail ton problème, est-ce que tu peux me copier/coller ton template overall_header s'il te plaît ?

Pour la page JS, as-tu pensé à cocher l'onglet "sur toutes les pages" ?

Je peux aussi savoir quelles sont les balises qui apparaissent correctement quand tu cliques dessus dans l'éditeur ? (n'oublie pas de mettre dans des balises code pour éviter les bugs ^^)

De plus, mis à part l'ajout du JS et les polices dans le overall_header, as-tu fais d'autres modifications par rapport à cet ajout de polices ? J'ai essayé de faire comme tu l'expliquais mais sur mon forum de test, rien n'apparaît dans la barre déroulante de l'éditeur Smile
Revenir en haut Aller en bas






Merci à Elilith pour l'userbar et les remerciements, à Reine des Ténèbres pour l'avatar et à Agnies pour la citation 2017 :rire:
Merci à Ecleasya et Askip pour les kits :love:

Spoiler:
 


Message Sujet: Re: Petite question Javascript :D    Mar 6 Fév - 12:15

MmeFeuillage

avatar
Voir le profil de l'utilisateur
Etudiante
Bons Points (BP) : 66
Hello !
Oups dsl pour le délai de réponse !
Je répond maintenant mais je part en vacance a l'étranger , je reviens le 24 Février et ne pourrait donc pas passer d'ici la, mais je reviens après !

Voici mon Overhall Smile
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
 
 <link href="https://fonts.googleapis.com/css?family=Amatic+SC|Dancing+Script|Homemade+Apple|Indie+Flower|Poiret+One|Sacramento" rel="stylesheet">
   
  <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
  <meta http-equiv="content-script-type" content="text/javascript" />
  <meta http-equiv="content-style-type" content="text/css" />
  <!-- BEGIN switch_compat_meta -->
  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
  <!-- END switch_compat_meta -->
  <!-- BEGIN switch_canonical_url -->
  <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
  <!-- END switch_canonical_url -->
  {META_FAVICO}
  {META}
  {META_FB_LIKE}
  <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
  {T_HEAD_STYLESHEET}
  {CSS}
  <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
  <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
  <script src="{JQUERY_PATH}" type="text/javascript"></script>
  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

  <!-- BEGIN switch_fb_login -->
  <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
  <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
  <!-- END switch_fb_login -->

  <!-- BEGIN switch_ticker -->
  <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
  <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
  <!-- END switch_ticker -->

  <!-- BEGIN switch_ticker_new -->
  <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
  <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
        case 'top' :
            slid_vert = true;
            break;

        case 'left':
            break;

        case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

        case 'right':
            auto_dir = 'prev';
            break;

        default:
            slid_vert = true;
      }

      $(document).ready(function() {
        var w_cont = $('#fa_ticker_container').width();

        if (w_cont > 0)
        {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display','block');

            /* Calcul des dimensions du conteneur et des elements */
            var width_max = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
            $('ul#fa_ticker_content li').each( function () {
              if ($(this).height() > height_max)
              {
                  height_max = $(this).height();
              }
            } );

            /* Redimensionnement des elements et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
              if ($(this).width() > width_item)
              {
              var ratio      = $(this).width() / width_item;
              var new_height = Math.round($(this).height() / ratio);
              $(this).height(new_height).width(width_item);
              }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert)
            {
              $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
            }

            /* Initialisation du caroussel */
            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
              wrap: 'circular',
              auto: {switch_ticker.STOP_TIME},
              auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
        }
        else
        {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
        }
      });
  //]]>
  </script>
  <!-- END switch_ticker_new -->

  <script type="text/javascript">//<![CDATA[
  $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
        pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
        pm.focus();
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
        report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
        report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
        ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
  });

  <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
  <!-- END switch_login_popup -->

  <!-- BEGIN switch_login_popup -->
  $(document).ready( function() {
      $(window).resize(function() {
        var windowWidth = document.documentElement.clientWidth;
        var popupWidth = $("#login_popup").width();
        var mypopup = $("#login_popup");

        $("#login_popup").css({
        "left": windowWidth/2 - popupWidth/2
            });
      });
  });
  <!-- END switch_login_popup -->
  //]]>
  </script>
  {GREETING_POPUP}
  <!-- BEGIN switch_ticker_new -->
  <style>
  .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
  }

  .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
  }

  .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
  }
  </style>
  <!-- END switch_ticker_new -->
  {HOSTING_JS}
  <!-- BEGIN google_analytics_code -->
  <script type="text/javascript">
  //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
    _gaq.push(['_trackPageview']);
  _gaq.push(['_trackPageLoadTime']);

  <!-- BEGIN google_analytics_code_bis -->
  _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
  _gaq.push(['b._trackPageview']);
  <!-- END google_analytics_code_bis -->

    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
  //]]>
  </script>
  <!-- END google_analytics_code -->
</head>
 
  <div id="menu">
    <center> <h1>A la Carte</h1> :
          <a href="/index.htm">Accueil</a><br />
          <a href="/search">Recherche</a><br />
          <a href="/memberlist">Membres</a><br />
          <a href="/groups">Groupes</a><br />
          <a href="/profile?mode=editprofile">Profil</a><br />
      <!-- BEGIN switch_user_logged_in -->
  <a href="/privmsg?folder=inbox" id="mp" alt="Messages Privés">Messages Privés</a><br />
  <a href="/login?logout" alt="connexion">Déconnexion</a>
      <!-- END switch_user_logged_in -->
         
      <!-- BEGIN switch_user_logged_out -->
  <a href="/login" alt="Connexion">Connexion</a><br />
  <a href="/register" alt="S'inscrire">Nous rejoindre</a>
      <!-- END switch_user_logged_out -->
          <br /><br />
       
          <center><em>En Suppléments</em></center>
          <a href="http://forumfeminin.forumactif.org/calendar" target="_blank">Calendrier</a><br />
          <a href="http://forumfeminin.forumactif.org/gallery/index.htm" target="_blank">Galerie</a><br />
          <a href="http://forumfeminin.forumactif.org/chatbox/index.forum" target="_blank">Chat'Box</a><br />
          <a href="http://forumfeminin.forumactif.org/t580-les-sujets-quotidiens#4806" target="_blank">Au quotidien</a><br />
        <a href="#" target="_blank">Chantilly</a><br />

       
         
            <br /><br />
           
            <center><a href="#top"><img src="https://redcdn.net/hpimg15/pics/897800haut1.png" /></a>
              <a href="#bottom"><img src="https://redcdn.net/hpimg15/pics/355328bas1.png" /></a></center>
    </center> </div>

<div style="visibility:hidden">{GENERATED_NAV_BAR}</div>
 
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
  <!-- BEGIN hitskin_preview -->
  <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
        <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
        </p>
      </div>
  </div>
  <!-- END hitskin_preview -->

  <!-- BEGIN switch_login_popup -->
  <div id="login_popup">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
        <tr height="25">
            <td class="catLeft">
              <span class="genmed module-title">{SITENAME}</span>
            </td>
        </tr>
        <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
              <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                    <input type="submit" class="mainoption" value="{L_LOGIN}" />
                    <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                    <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
              </div>
              <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
        </tr>
      </table>
  </div>
  <!-- END switch_login_popup -->

  <a name="top"></a>
  {JAVASCRIPT}

  <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
        <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
              <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                    <!-- BEGIN switch_logo_center -->
                    <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                    <br />
                    <!-- END switch_logo_center -->
                    <div class="maintitle">{MAIN_SITENAME}</div>
                    <br />
                    <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
              </tr>
            </table>

            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
              <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                    <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                          <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                          </ul>
                        </div>
                    </td>
                  </tr>
              </table>
            </div>
            <!-- END switch_ticker_new -->

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
              <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                    <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                          <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                <!-- BEGIN ticker_row -->
                                <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                <!-- END ticker_row -->
                              </div>
                          </div>
                        </div>
                    </td>
                  </tr>
              </table>
            </div>
            <!-- END switch_ticker -->

            <div id="page-body">
              <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                    <tbody>
                        <tr>
                          <td valign="top" width="{C1SIZE}">
                              <div id="{ID_LEFT}">
                                <!-- BEGIN giefmod_index1 -->
                                {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                <!-- END giefmod_index1 -->
                              </div>
                          </td>
                          <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                          </td>
                        </tr>
                    </tbody>
                  </table>
              </div>
            </div>
        </td>
      </tr>
  </table>
</body>
</html>
<!-- END html_validation -->

J'ai bien coché " Sur toutes les pages" Smile

Pour les balises , elles se mettent toute correctement mais quand on repasse en mode editeur les police n'apparaissent pas, sauf pour 2 polices, d'ailleurs je ne comprend pas car au debut il n'y en avait qu'une qui marchait ( indie flower) et maintenant la Amatic SC marche aussi, je ne sais pas pourquoi ^^

Voila ce que donne ça :
Code:
[font=Dancing Script]test  [/font]
[font=Indie flower]test[/font]
[font=Amatic SC]test[/font]
[font=Sacramento]test[/font]
[font=Homemade Apple]test[/font]
[font=Poiret One]test[/font]
[font=Dancing Script]test[/font]



Dans ma liste déroulante ça me donne ça :



Pas d'autre modif' si ce n'est avoir mis le code html des polices dans d'autre templates pour essayer de le faire marcher :
Dans Index box, Overhall header, Topics list box et view topic body , un peu partout quoi xD

Code:
 <link href="https://fonts.googleapis.com/css?family=Amatic+SC|Dancing+Script|Homemade+Apple|Indie+Flower|Poiret+One|Sacramento" rel="stylesheet">

Voila voila Very Happy
Merci pour ta réponse, je reviens des mon retour du Costa Rica Razz

Bisous !!

Revenir en haut Aller en bas

Message Sujet: Re: Petite question Javascript :D    Ven 16 Fév - 11:36

Miettes

avatar
Voir le profil de l'utilisateur
Bons Points (BP) : 498
Coucou Smile

Alors en fait, le problème qui se pose est le suivant : L'éditeur de texte est dans une iframe et, malheureusement, cette iframe ne récupére pas ton appel de typo :/ Voilà pourquoi celles-ci ne fonctionnent pas.

Mais bonne nouvelle ! Après de longues recherches et essais, j'ai trouvé une parade : on va ajouter un bout de js pour appeler ton style ^^

Du coup, on va modifier ton js de départ et le remplacer par ça :

Code:
$(function(){
  if (!$.sceditor) return;
  $.sceditor.defaultOptions.fonts += ',Indie flower';
    $.sceditor.defaultOptions.fonts += ',Dancing Script';
    $.sceditor.defaultOptions.fonts += ',Amatic SC';
    $.sceditor.defaultOptions.fonts += ',Sacramento';
    $.sceditor.defaultOptions.fonts += ',Homemade Apple';
  $.sceditor.defaultOptions.fonts += ',Poiret One';

    // On appelle la CSS des typos dans l'iframe de l'éditeur
    var a = $("#text_editor_textarea");
    0 != a.length && $(function() {
        a.sceditor("instance").wysiwygEditorInsertHtml(' <link href="https://fonts.googleapis.com/css?family=Amatic+SC|Dancing+Script|Homemade+Apple|Indie+Flower|Poiret+One|Sacramento" rel="stylesheet">');
  });

});

Logiquement, ça devrait fonctionner =)
Revenir en haut Aller en bas


Merci Elenthil (h)
Petite question Javascript :D
Page 1 sur 1
 Sujets similaires
-
» petite question a propos de virtual clonedrive
» Deux petite question [plus ou moins résolu...]
» petite question sur les cartouches MBORO strong
» petite question technique (sons à l'allumage)
» Fan splitter, petite question
Réponse rapide

School of Progress :: La bibliothèque :: Soutien scolaire+