Vous n'êtes pas connecté. Connectez-vous ou enregistrez-vous

[ ↓ ]

Voir le sujet précédent Voir le sujet suivant Message [Page 1 sur 1]

Milouze14


Fondateur

Milouze14

Message posté: le Ven 14 Oct 2011 - 7:53
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;
}





Fondateur des forums Milouze14

- Contact par MP -



Voir le sujet précédent Voir le sujet suivant Message [Page 1 sur 1]

[ ↑ ]

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

  
  • © PunBB | Signaler un abus