Petit probléme avec le bouton sauvegarde.

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

Résolu Petit probléme avec le bouton sauvegarde.

Message par TheOursBlanc le Lun 8 Aoû 2011 - 23:32

Bonsoir, à tous.

En venant de installer le bouton sauvegarde sur mon forum.
Je viens de remarquer que il s'affiche en 3Fois.

Voici la capture d'image :


Voici mon CSS :

Code:
a
{
text-decoration: none;
}

 body { background-attachment: scroll; background-repeat: no-repeat; background-position: top center;}






a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}




.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #923740;
}









body {background-repeat: no-repeat;}

Body { background-attachment: scroll; background-repeat: no-repeat; background-position: top center;}



a.forumlink{

font-family:font; verdana
padding-right:20px;
color:#923740;
font-size: px;
display:block;

}
a.forumlink:hover{

font-family:font; verdana
padding-right:20px;
color:#ffffff;
font-size: px;
display:block;
}


a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}

a.forumlink {
 text-transform: uppercase;
 font-size: 14px;
 color: ;
 font-family: 'verdana';
 }





.milieu {width: 90%; margin: 0px; border: 1px solid #232026;-moz-border-radius: 10px; -webkit-border-radius: 5px; padding: 5px;  background-color: #232026; body }

.derniers_sujets{
margin-top: 3px;
width: 150px; /*Modifie pour avoir la largeur que tu souhaite*/
padding: 3px;
border: 1px double #312D2F; /*Contour autour de ton texte*/
background-color:#COULEUR; /*Fond de ton texte*/
-moz-border-radius-topleft: 10px; /*Pour arrondir le bord en haut à gauche*/
-moz-border-radius-bottomright: 10px; /*Pour arrondir le bord en bas à droite*/
}

.sujets_messages
{margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
border: 1px dotted #312D2F;
background-color: #COULEUR;
-moz-border-radius: 7px 0px 4px 0px;
width: 150px;}

.titre_categorie {
      background: #735555; /*fond*/
      -moz-border-radius-topleft: 50px; /*arrondi angle gauche*/
      -moz-border-radius-topright: 50px; /*arrondi angle droit*/
      -webkit-border-radius-top-left: 50px; /*arrondi angle gauche*/
      -webkit-border-radius-top-right: 50px; /*arrondi angle droit*/
      margin-top: 10px; /*ne pas modifier*/
      margin-bottom:-5px; /*a modifier selon vos goûts*/
      text-align: center; /*alignement du texte*/
      height: auto; /*hauteur à modifier selon vos goûts*/
      width: 100%; /*largeur à modifier selon vos goûts*/
      margin-left: 0px; /*pour déplacer la position des titres des catégories*/
      padding-top: 5px !important; /*espace entre la bordure et le texte*/
      padding-bottom: 0px !important; /*espace entre la bordure et le texte*/
      -moz-text-shadow:  2px 2px 2px #B47D7B; /*ombre sur le texte*/
      -webkit-text-shadow:  2px 2px 2px #B47D7B; /*ombre sur le texte*/
      text-shadow:  2px 2px 2px #923740; /*ombre sur le texte*/
border: 1px solid #923740;
}

.forumline {
-moz-border-radius:0px;
Border-top:2px solid #C9C2B7;
border-bottom:4px solid #C9C2B7;
border-left:10px solid #C9C2B7;
border-right:10px solid #C9C2B7;

}

a.mainmenu {
text-decoration: none;
-moz-border-radius :5px;
-webkit-border-radius: 5px;
background-color:#0B0C10;
border-left:1px solid #0B0C10;
border-right:1px solid #0B0C10;
border-bottom: 2px solid #0B0C10;
border-top: 1px solid #0B0C10;
color:#B4E4DA;
font-size:10px;
font-variant:verdana;
padding-right:10px;
text-align:center;}


.tableauqueel{
background-color : #0B0C10;
-moz-border-radius:0px;
Border-top:2px solid #0B0C10;
border-bottom:4px solid #0B0C10;
border-left:10px solid #0B0C10;
border-right:10px solid #0B0C10;
}

.partiedroite {
font-size : 12px;
border-left : 3px dotted #7BB8A8;
padding-left : 10x }

.groupes{
background-color:#0B0C10;
border: 1px color #0B0C10;
-moz-border-radius : 5px 5px 5px 5px;
height:10px;
padding-right:10px;
padding-left:10px;
padding-bottom:3px;
font-size:10px


}


#table_head
{
width: 930px;
height: 112px;
background-color: transparent;
background-image: url(http://nsa27.casimages.com/img/2011/06/26/110626091258207621.png);
background-repeat: no-repeat;
margin: auto;
}

#table_foot
{
width: 930px;
height: 115px;
background-color: transparent;
background-image: url(http://nsa27.casimages.com/img/2011/06/26/110626093552458210.png);
background-repeat: no-repeat;
margin-top: -10px
}

/* icone en ligne-hors ligne */

#post_onlin{
background: url('http://nsa20.casimages.com/img/2011/06/21/11062108415063373.png') no-repeat;
position: absolute;
float: left;
width: 19px;
height: 127px;
margin-left: -22px;
margin-top: 20px;
padding: 0;
border: 0;
}



/* DIV PRINCIPAL */

#tfa_accueil {
font-size: 11px;
font-family: Arial;
margin: 0 auto;
padding: 0;
}

/* LISTE */

#tfa_accueil ul {
list-style: none;
margin: 0 auto;
padding: 0;
}

/* ELEMENT DE LISTE EN FLOTTANT */

#tfa_accueil ul li {
float: left;
margin: 0;
padding: 0;
}

/* ONGLET FERMER */

#tfa_accueil ul li .container {
overflow: hidden; /* POUR QUE LE CONTENU NE DEBORDE PAS A L ETAT FERMER */
height: 247px;
width: 33px; /* LARGEUR DE L IMAGE DE GAUCHE */
}

/* ONGLET OUVERT */

.container {
width: 400px;
hight: 247px;
background-color: #0B0C10;
}

/* ONGLET QUI SERA OUVERT AU CHARGEMENT DE LA PAGE */

#tfa_accueil #un {
width: 400px;
height: 247px;
}

/* DIV CONTENANT L IMAGE DE GAUCHE */

.barre_gauche {
float: left;
height: 247px;
width: 33px;
cursor: pointer;

}

/* CONTENU DE L ONGLET */

.tfa_content {
display: block;
width: 345px; /* LARGEUR = .container - LA LARGEUR DE .barre gauche */
height: 247px;
margin: 0;
padding:10px;
margin-left: 33px; /* = LA LARGEUR DE .barre_gauche */
}

/* TITRE */

#tfa_accueil h1{
font-size: 19px;
font-style: italic;
font-family: Arial;
margin: 0;
padding: 0;
border-bottom: 1px dashed #780014;
}

/* PREMIERE LETTRE DU TITRE */

#tfa_accueil h1:first-letter {
color: #780014;
font-weight: bold;
font-size: 25px;
}

body {
cursor: url('http://upload.is.free.fr/upload/j8qxi3ny.cur'),auto;
}

  .chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 a,
.chatbox_row_2 a,
.chatbox_row_3 a  {
    font-size: 20px;
}   

body.chatbox {
background-image: url('http://images.wikia.com/harrypotter/fr/images/8/8e/Poudlard_en_flamme.jpg');
}

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Salon de discussion"; }

#savec { position:relative; }
.save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px;  border: 1px solid #BCBCBC; background: #efefef url(http://illiweb.com/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
.save-bloc div:hover { color: #050505!important; }
.save-bloc div { cursor: pointer; }
.save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }

Le code dans le CSS :

Code:
#savec { position:relative; }
.save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 1000; padding: 5px;  border: 1px solid #BCBCBC; background: #efefef url(http://illiweb.com/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
.save-bloc div:hover { color: #050505!important; }
.save-bloc div { cursor: pointer; }
.save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }

Est le code Javascript :

Code:
function insertText(a) {
  var c = localStorage.getItem("fasave" + a);
  if(c === null) {
    $("#savep div[onClick^=insertText(" + a + ")]").remove()
  }else {
    if($("#savep select").val() == 1) {
      localStorage.removeItem("fasave" + a), localStorage.removeItem("fasavet" + a), $("#savep div[onClick^=insertText(" + a + ")]").remove()
    }else {
      if($("#savep select").val() == 2) {
        var b = localStorage.getItem("fasavet" + a), b = prompt("Entrer le titre de la sauvegarde :", b ? b : "");
        b !== null && (b == "" ? (localStorage.removeItem("fasavet" + a), $("#savep div[onClick^=insertText(" + a + ")]").text('"' + c.substr(0, 30).replace(/</g, "<").replace(/>/g, ">") + (c.length > 30 ? "..." : '"'))) : (localStorage.setItem("fasavet" + a, b), $("#savep div[onClick^=insertText(" + a + ")]").text(b)))
      }else {
        replaceTxt(c)
      }
    }
  }
}
function replaceTxt(a) {
  var c = $("#text_editor_textarea");
  if(c.length) {
    start = c.attr("selectionStart");
    end = c.attr("selectionEnd");
    stop = c.attr("scrollTop");
    sleft = c.attr("scrollLeft");
    text = c.val();
    for(var b = [""], e = /^([\s\S]*?)(((\$\$)+)(\$?)|(\$))0([\s\S]*)$/, d;d = a.match(e);) {
      b[b.length - 1] += d[1], d[6] == "$" || d[4] == "" ? b[b.length] = "" : b[b.length - 1] += d[3].substr(0, d[3].length / 2) + "0", a = d[7]
    }
    b[b.length - 1] = a;
    e = text.substring(start, end);
    a = b[0];
    d = a.length;
    for(var f = 1;f < b.length;f++) {
      a += e, a += b[f]
    }
    c.attr({value:text.substr(0, start) + a + text.substr(end), selectionStart:start + d, selectionEnd:b.length > 1 ? end + d : start + d, scrollTop:stop, scrollLeft:sleft})
  }
}
function saveExport() {
  for(var a = localStorage.getItem("fasave-length") === null ? 0 : localStorage.getItem("fasave-length"), c = "[", b = 0;b < a;b++) {
    var e = localStorage.getItem("fasave" + b);
    if(e !== null) {
      var d = localStorage.getItem("fasavet" + b);
      c != "[" && (c += ",");
      c += (d === null ? "" : escape(d) + ":") + escape(e)
    }
  }
  c += "]";
  replaceTxt(c)
}
function saveImport() {
  var a = $("#text_editor_textarea").val().substring($("#text_editor_textarea").attr("selectionStart"), $("#text_editor_textarea").attr("selectionEnd")).replace(/\s/g, "");
  if(/^\[[%/^a-zA-Z0-9\*@_\+\.\/:,-]*\]$/.test(a)) {
    for(var a = a.substr(1, a.length - 2).split(","), c = 0;c < a.length;c++) {
      var b = a[c].split(":");
      b.length == 2 ? saveItem(unescape(b[1]), unescape(b[0])) : saveItem(unescape(b[0]), "")
    }
  }
}
function saveSelect() {
  var a = $("#text_editor_textarea");
  $(a).attr("selectionStart") - $(a).attr("selectionEnd") != 0 && (a = a.val().substring($(a).attr("selectionStart"), $(a).attr("selectionEnd")), saveItem(a, ""))
}
function saveItem(a, c) {
  for(var b = parseInt(localStorage.getItem("fasave-length") === null ? 0 : localStorage.getItem("fasave-length")), e = 0;e < b;e++) {
    var d = localStorage.getItem("fasave" + e);
    d !== null && d == a && (localStorage.removeItem("fasavet" + e), $("#savep div[onClick^=insertText(" + e + ")]").remove(), localStorage.removeItem("fasave" + e))
  }
  localStorage.setItem("fasave" + b, a);
  c != "" && localStorage.setItem("fasavet" + b, c);
  localStorage.setItem("fasave-length", b + 1);
  $("#savep select").after('<div class="savedt" onClick="insertText(' + b + ');return false;">' + (c ? c : """ + a.substr(0, 30).replace(/</g, "<").replace(/>/g, ">") + (a.length > 30 ? "..." : """)) + "</div>")
}
$(function() {
  $("#text_editor_textarea").length && window.localStorage &&  !/MSIE [1-8]\./.test(navigator.userAgent) && ($("#addbbcode16").after(' <span id="savec"><button id="saveb" class="button2" type="button" title="Sauvegarde"><img src="http://i49.servimg.com/u/f49/15/59/73/38/save10.png" alt="Sauvegarde" title="Sauvegarde"></button></span>'), $("#saveb").click(function(a) {
    if(a.shiftKey) {
      $("#saveshift").length || $("#savec").append('<div class="save-bloc" id="saveshift"><div onClick="saveExport()">Exporter</div><div onClick="saveImport()">Importer</div></div>'), $("#savep").hide(300), $("#saveshift").slideToggle(300)
    }else {
      if(!$("#savep").length) {
        $("#savec").append('<div class="save-bloc" id="savep"><select><option value="0">Insérer</option><option value="1">Supprimer</option><option value="2">Nommer</option></select><div id="saves" style="display:none"><hr /><span onClick="saveSelect()">Sauver la sélection</span></div></div>');
        $("#savep").click(function(a) {
          a.stopPropagation()
        });
        for(var a = localStorage.getItem("fasave-length") === null ? 0 : localStorage.getItem("fasave-length"), c = 0;c < a;c++) {
          var b = localStorage.getItem("fasave" + c);
          b !== null && $("#savep select").after('<div class="savedt" onClick="insertText(' + c + ');return false;">' + (localStorage.getItem("fasavet" + c) === null ? """ + b.substr(0, 30).replace(/</g, "<").replace(/>/g, ">") + (b.length > 30 ? "..." : """) : localStorage.getItem("fasavet" + c)) + "</div>")
        }
      }
      $("#saveshift").hide(300);
      $("#savep").slideToggle(300)
    }
  }), $("#text_editor_textarea").select(function() {
    $("#saves").show()
  }), $("#text_editor_textarea").bind("click keyup keydown", function() {
    $(this).attr("selectionStart") - $(this).attr("selectionEnd") == 0 && $("#saves").hide()
  }))
});


Quel'qun pourrait m'aider s'il vous plait ?

Merci,d'avance.


Dernière édition par xValy le Mar 9 Aoû 2011 - 18:10, édité 1 fois

TheOursBlanc
*****

Masculin
Messages : 801
Inscrit(e) le : 22/02/2011

http://astuceinternet.forumactif.fr
TheOursBlanc a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit probléme avec le bouton sauvegarde.

Message par Milouze14 le Mar 9 Aoû 2011 - 8:45

Salut xValy,

le tutoriel proposé par cette merveilleuse Etana ( que je salue avec un grand respect pour son travail)
http://forum.forumactif.com/t311191-ajouter-un-bouton-de-sauvegarde-a-l-editeur-normal

fonctionne à merveille, maintenant il faut regarder de ton côté si tu n'as généré le javascript à trois reprises Wink .

a++


Milouze14
+ Hyperactif +

Masculin
Messages : 4566
Inscrit(e) le : 18/04/2005

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

Résolu Re: Petit probléme avec le bouton sauvegarde.

Message par Ea le Mar 9 Aoû 2011 - 11:50

Bonjour,


Vous avez tout vos script en double sur votre forum, j'imagine que dans votre template overall_header vous avez deux fois le :

Code:
{HOSTING_JS}

Ea
Aidactif
Aidactif

Messages : 23429
Inscrit(e) le : 04/04/2008

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

Résolu Re: Petit probléme avec le bouton sauvegarde.

Message par TheOursBlanc le Mar 9 Aoû 2011 - 18:10

Oui, c'est bien sa je viens de corriger cette érreur merci.

TheOursBlanc
*****

Masculin
Messages : 801
Inscrit(e) le : 22/02/2011

http://astuceinternet.forumactif.fr
TheOursBlanc 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