Installer le selecteur de contenu

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

Installer le selecteur de contenu

Icône par defaut le Ven 14 Oct 2011 - 7:53
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Aperçu de l'effet
Cliquez sur "Sélectionner le contenu"
Code:
Selection




Créer un nouveau javascript
ModulesHTML & JAVASCRIPTGestion des codes javascript


1.Dans la partie "Titre": le nom de votre code (afin de mieux vous repérer mentionné Sélecteur de contenu).
2.Placement: cochez "Sur les sujets.
3.Insérez le script.

Code:

function selectCode(a){a=a.parentNode.tagName==="B"?$(a).closest("table").find(".cont_code")[0]:$(a).closest("dl").find("code")[0];if(window.getSelection){var c=window.getSelection();if(c.setBaseAndExtent)c.setBaseAndExtent(a,0,a,a.innerText.length-1);else{window.opera&&a.innerHTML.substring(a.innerHTML.length-4)=="<BR>"&&(a.innerHTML+=" ");var b=document.createRange();b.selectNodeContents(a);c.removeAllRanges();c.addRange(b)}}else document.getSelection?(c=document.getSelection(),b=document.createRange(),b.selectNodeContents(a),
    c.removeAllRanges(),c.addRange(b)):document.selection&&(b=document.body.createTextRange(),b.moveToElementText(a),b.select())}

    $(function(){
        $("dl.codebox:not(.spoiler,.hidecode) dt").add($("div.cont_code").closest("table").find("span.genmed b")).append('<span onClick="selectCode(this)" class="selectCode">Sélectionner le contenu</span>');
    });


La partie ('Sélectionner le contenu') peut être renommer comme bon vous semble.
Et n'oubliez de publier votre script en cliquant sur: "Valider"


oups1 Il manque pas quelque chose??????

Ben si quelle apparence allons nous lui donner ??
Dans votre feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style CSS

Collez ceci:

Code:
.selectCode
{
float: right;
text-transform: uppercase;
cursor:pointer;
}

float:
La position de la sélection: right= droit/left=gauche/.
text-transform:
Possibilités:
- capitalize, première lettre du texte en majuscule
- uppercase, texte en majuscule
- lowercase, texte en minuscule
- none, texte normal
cursor:
Possibilités:
- auto,
- nw-resize, curseur en forme de double petite flèche en diagonale bas droit vers haut gauche,
- crosshair, curseur en forme de croix fine,
- n-resize, curseur en forme de double petite flèche verticale,
- default, curseur en forme de grosse flèche,
- se-resize, curseur en forme de double petite flèche en diagonale bas droit vers haut gauche,
- pointer, curseur en forme de main avec un doigt déplié,
- sw-resize, curseur en forme de curseur en forme de double petite flèche en diagonale bas gauche vers haut droit,
- move curseur en forme de quatre flèches en croix,
- s-resize, curseur en forme de double petite flèche verticale,
- e-resize, curseur en forme de double petite flèche horizontale,
- w-resize, curseur en forme de double petite flèche horizontale,
- ne-resize, curseur en forme de double petite flèche en diagonale bas gauche vers haut droit,
- text, curseur en forme de sorte de grand I,
- help, curseur en forme de flèche et "?",
- wait, curseur en forme de sablier,
- inherit, la forme du curseur hérite de son parent
- progress, curseur en forme de flèche avec sablier,
- not-allowed, curseur en forme de rond barré,
- no-drop, curseur en forme de main avec un doigt déplié avec un rond barré,
- col-resize, curseur fait de deux traits verticaux avec une flèche de chaque coté.
- row-resize, curseur fait de deux traits horizontaux avec une flèche de chaque coté.


La class attribuée sur ce forum:
Code:

.selectCode
{
background-image:url('lien image')  ;
background-repeat: no-repeat ;
background-position: left;
color: darkred;
float:right;
cursor:pointer;
border: 1px solid #fff;
border-bottom: none !important;
          -moz-border-radius-topleft: 6px;
          -moz-border-radius-topright: 14px;
        -webkit-border-top-right-radius: 14px;
          -webkit-border-top-left-radius: 6px;
          border-top-right-radius: 14px;
          border-top-left-radius: 6px;
padding-left:5px;
padding-top:1px;
padding-bottom:1px;
width: 300px;
height:20px;
margin-right:60px;
text-align: left;
font-size:13px;
box-shadow:0px -6px 1px #918D8E;
}




-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums



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