[JS]Bookmarklets afficher / cacher les images

Question

Bonjour,
J'essaye de faire un bookmarklet qui permettrais au premier click d'enlever les images, et au second click de els réafficher. Seulement, comme j'ai jamais codé en JS, et que j'ai juste besoin de ça je n'arrive pas a le coder. Voilà le code que j'ai reussi a faire pour le moment :
javascript:if(n=0){n=1; for(i=0;i<document.images.length;i++){void(document.images.style.visibility='visible')}}else{n=0;for(i=0;i<document.images.length;i++){void(document.images[i].style.visibility='hidden')}}

Donc voilà ce serais sympa si vous pourriez m'aider à creer ce petit script

Merci beaucoup :-)
Cordialement Anne O'nyme :D

math 2000 · Answer

ça s'appelle un spoiler ton truc il y a plain de sujet sur ça

Spoiler

texte
cach
cach
cach

à la place tu texte tu met des image et c'est réglé voir le 2eme exemple de mon site http://bormat2.free.fr/wordpress4/ edit tu peux supprimer le texte spoiler et mettre un fond transparent à la place de blanc pour adapter à ceux que tu veux

Anne O'nyme · Answer

Bonsoir, je pense que l'on a du mal se comprendre.
Un bookmarklet est une sorte d'extension que l'on peut ajouter a son navigateur qui permet, par exemple de traduire une page web en francais. Un bookmarklet s'ajoute au navigateur comme un marque page sous firefox.

Et la je cherche a faire un bookmarklet qui permettrais en cliquant dessus (depuis mes marque-pages sur firefox), qui cacherais toutes les images sur la page.

Cordialement, Anne O'nyme

math 2000 · Answer

tu veux un bouton dans les marque paghe ou favoris qui permette de cacher des image 
c'est pour quoi mettre une image sur ton site et que seyule ceux qui est le code puisse l'enlever et voir dessous

j'espère avoir bien compris je vais voir

math 2000 · Answer

j'ai un code il faut juste que je le simplifie puis je te le passe

math 2000 · Answer

voici ce que j'ai fais:
 le marque page :
javascript:affiche_cache('add_comment');

et tu met le même code que sur cet exemple 
http://bormat2.free.fr/...


j'ai mis les lien en entier comme ça tu n'a pas à réheberger les fichiers 
tu tape javascript:affiche_cache('add_comment');
dans ta barre d'adresse ou tu le met dans un marque page et tu verra l'image disparaitre

j espère que ça ne t'embête pas que je n'ai pas réutiliser ton code mais sans page d'exmple ou page htmlje sais pas le faire 
il y a 2div qui servent à rien mais si je les enlève le code ne marche plus bizarre

Anne O'nyme · Answer

Bonsoir,
Ouaip c'est exactement ça !
Seulement j'aurais aimé que cela puisse marcher sur tout les sites, par exemple quand je surf sur un site qui comporte des images trop flashy, j'appuierais sur ce bouton et ça cacherais les images. Mais si il y a une image sur le site que je veux voir je réappuie sur le bouton, et je peux revoir toute les images.
J'espere arriver a me faire comprendre ^^

Cordiallement, Anne O'nyme

math 2000 · Answer

si tu as firefox tu peux installer un bouton qui permet de ne pas afficher les image mais c'est laid 
je croyais que c'était que pour ton site 
sinon il n'y a pas de code universel

Anne O'nyme · Answer

C'est pas un code universel que je veux, mais un bookmarklets (va voir wikipedia pour plus de renseignement). Et en gros, il faudrait qu'il fasse la même chose que ton code, mais en une ligne, et sur toute les balises "<img />"

Donc je pensais être partis sur la bonne voix, et je demandais donc des avis d'experts du JS, n'ayant aucune connaissance dans se langage.

Revoila mon script en une ligne :
javascript:if(n=0){n=1; for(i=0;i<document.images.length;i++){void(document.images.style.visibility='visible')}}else{n=0;for(i=0;i<document.images.length;i++){void(document.images[i].style.visibility='hidden')}}

et le voila decomposé en plusieurs ligne :
javascript:if(n=0){
     n=1;
     for(i=0;i<document.images.length;i++){
          void(document.images.style.visibility='visible')
     }
}
else{
     n=0;
     for(i=0;i<document.images.length;i++){
          void(document.images[i].style.visibility='hidden')
     }
}

math 2000 · Answer

c'est pour faire quoi car moi j'ai un bouton qui fait ça

math 2000 · Answer

je sais pas si ça peut t'aider j'ai ça dans le js de mon button hide image j'ai ça 
/* Function hides all images in the current tab */

function hideImages() {
    var test = _content.document.getElementById("zapImg");
    if (test) {
        test.parentNode.removeChild(test);
    } else {
        var style = _content.document.createElement("style");
        style.setAttribute("type", "text/css");
        style.setAttribute("id", "zapImg");
        style.innerHTML = "img, embed, object { visibility: hidden !important; } "
                        + "html * { background-image: none !important; }";
        var head = _content.document.getElementsByTagName("head")[0];
        head.appendChild(style);
    }
}

/*End Block*/

math 2000 · Answer

et un xul 
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://cbutton-1239305941/skin/button.css" type="text/css"?>
<!DOCTYPE dialog SYSTEM "chrome://cbutton-1239305941/locale/button.dtd">
<overlay id="tbutton" xmlns="https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<script type="application/x-javascript" src="chrome://cbutton-1239305941/content/script.js"/>
<toolbarpalette id="BrowserToolbarPalette">
<toolbarbutton
	class="toolbarbutton-1 firefoxButton"
	id="hide-images"
	label="&hide-images.label;"
	tooltiptext="&hide-images.tooltip;"
	oncommand="hideImages();" />
</toolbarpalette>
</overlay>

math 2000 · Answer

je vais continuer à faire des recherches

math 2000 · Answer

ça doit pas exister

Anne O'nyme · Answer

Beh logiquement ça doit être faisable, je sais que un code comme ça 
javascript:for(i=0;i<document.images.length;i++){void(document.images[i].style.visibility='hidden')}
permet de cacher toute les image d'une page (sous firefox, crée un nouveau marque page, et comme adresse mets le code precedent)

Et pour les ré-afficher, je sais que ce code fonctionne :
javascript:for(i=0;i<document.images.length;i++){void(document.images[i].style.visibility='visible')}
(cf http://www.journaldunet.com/developpeur/tutoriel/dht/011030jscript_bookmarklet.shtml )
Et ce que j'aimerais faire, en gros c'est que au premier appuie sur le bouton ça cache les images, et au deuxieme, ça les affiches.
Ayant un petit peu un esprit de codeur, mais n'ayant aucune experience en JS, j'avais pensé a faire une variable pour savoir si on avais appuyer une fois ou pas, mais ça n'a pas l'air de fonctionner

En tout cas, merci d'avoir essayé de m'aider, et peut-être de continuer :D

Cordiallement, Anne O'nyme

math 2000 · Answer

ha enfin j'en ai trouvé un 
javascript:for(jK6bvW=0;jK6bvW<document.images.length;jK6bvW++){void(document.images[jK6bvW].style.visibility='hidden')}

et un petit bonus 
http://forum.webrankinfo.com/petit-hack-google-rigolo-t79820.html
test le 1er script sur la page d'acceil google 
c'est sur cet page que j'ai enfin troué le script 

ça marche que sous firefox mais comme tu es sous firefox il devrait pas y avoir de pb

Anne O'nyme · Answer

Ouaip c'est ça que je veux, mais la ça permet juste de cacher les images. Et j'aimerais que lorsque l'on re-clique sur ce marque page, ça ré-afiche les images.
Dans tout les cas merci quand meme x)

math 2000 · Answer

bon pour réafficher faut mettre visible à la place maintenant faut fusionner les 2 donc

math 2000 · Answer

j'avais cherché pour rien un autre coe je croyais que le 1er marcher pas au lieu que en fait c'est comment ça marche qui empeche de le faire

math 2000 · Answer

je ne m'y connais pas en js mais ça doit être un truc avec "if"

[JS]Bookmarklets afficher / cacher les images

19 réponses

Votre réponse

Discussions similaires