Javascript – Divers

Copier un élément dans le presse-papier

HTML


<p id ="content-holder">Ce texte sera copié dans le presse-papier.<p>
<button id="copy-button">Copie dans le presse-papier</button>


<textarea placeholder="Coller ici"></textarea>



<p id ="content-holder">Ce texte sera copié dans le presse-papier.<p>

<button id="copy-button">Copie dans le presse-papier</button>

<textarea placeholder="Coller ici"></textarea>

Javascript


var bouton1 = document.getElementById("copy-button");
var contentHolder = document.getElementById("content-holder");
 bouton1.addEventListener("click", function() {
  var range = document.createRange();  
  range.selectNode(contentHolder);  
  window.getSelection().addRange(range);
  document.execCommand('copy'); 
}, false);



var bouton1 = document.getElementById("copy-button");

var contentHolder = document.getElementById("content-holder");

bouton1.addEventListener("click", function() { var range = document.createRange(); range.selectNode(contentHolder); window.getSelection().addRange(range); document.execCommand('copy'); }, false);

Jsfiddle

Publier 17 octobre 2015 par Michel PIALLIER dans Javascript - Divers Commentaires fermés

Ajouter un fichier CSS

On veut ajouter un lien avec un fichier CSS dans l’entête

Index.html


<!doctype html>


<html lang='fr'>


<head>


    <meta charset='utf-8'>


    <title>Importer un fichier CSS</title>


    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'>
    </script>


</head>
<body>
<div> 
    <p class="rouge">Ce paragraphe est coloré en rouge</p> 
    <p class="vert">Ce paragraphe est coloré en vert</p>
</div>
</body>


</html>

script.js


$('head').append('<link rel="stylesheet" type="text/css" href="style.css" >');

variante :


var lien =$("<link>");


$('head').append(lien);


lien.attr({


    rel:"stylesheet",


    type:"text/css",


    href:"style.css"


});

style.css


.rouge {
	color:red;
}
.vert {
	color:green;
}

Publier 3 mars 2017 par Michel PIALLIER dans Javascript - Divers Commentaires fermés

[an error occurred while processing this directive]