Anniversaire Frenchnerd

• en savoir plus •
Suivez-nous 2.0

Calendrier Event
Décembre 2017
LunMarMerJeuVenSamDim
    123
45678910
11121314151617
18192021222324
25262728293031

Calendrier Calendrier

JukeboxBobby
Jukebox du FFF
jukeboxV2
Jukebox du FFF
Qui est en ligne ?
Il y a en tout 1 utilisateur en ligne :: 0 Enregistré, 0 Invisible et 1 Invité

Aucun

Le record du nombre d'utilisateurs en ligne est de 12 le Mer 6 Jan - 1:26
Liens Frenchnerd
Frenchnerd Le site du Visiteur du Futur Les opérateurs
Amis Fans
Frenchnerd's Nerd Futuristes Le Blog du Futur
Web-séries
NONSERIE Les Souverains Boxer Boxer SLG La petite maison dans l'âprerie
Goodies FFF
Goodies du FFF
Car2

Concours RM

• en savoir plus •

Mode discret

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

Mode discret

Message par Admin le Ven 5 Sep - 15:26

Code permettant de naviguer en toute discrétion pour ceux qui travail et qui veulent rester discret.
Cela enlève des éléments et rajoute une opacité.
De plus les titres sont changés de manière aléatoire ^^

A faire encore :
Uniformiser la page en mode discret.
Ajout des cookies pour conserver le paramètre coché.

Code :

Code:
<input id="sfw" name="sfw" type="checkbox" /> <label for="sfw">Mode discret</label> <br /> <br /><script type="text/javascript">
var save_titre = document.title;
var choix_titre = ["test1","test2","test3"];
var save_background_image = document.body.style.backgroundImage;
var menu_ids = ["i_icon_mini_index","i_icon_mini_faq", "i_icon_mini_search","i_icon_mini_members","i_icon_mini_groups","i_icon_mini_profile","i_icon_mini_profile","i_icon_mini_message","i_icon_mini_logout"];
var contenu_ids = ["container","search-box","right" ];
var head_foot_ids = ["i_whosonline","logo-desc"];

document.getElementById("sfw").onclick=function(){
if(document.getElementById("sfw").checked==true){
var rand_titre = choix_titre[Math.floor(Math.random() * choix_titre.length)];
document.title = rand_titre;
document.body.style.backgroundImage="none";
for(var i = 0; i <  head_foot_ids.length; i++) {
document.getElementById(head_foot_ids[i]).style.display="none";}
for(var i = 0; i < menu_ids.length; i++) {
document.getElementById(menu_ids[i]).style.opacity=0.1;}
for(var i = 0; i < contenu_ids.length; i++) {
document.getElementById(contenu_ids[i]).style.opacity=0.3;}

http://document.querySelectorAll("ul.linklist a").style.color="";
}
else{document.title = save_titre;
document.body.style.backgroundImage=save_background_image;
for(var i = 0; i < head_foot_ids.length; i++) {
document.getElementById(head_foot_ids[i]).style.display="block";}
for(var i = 0; i < menu_ids.length; i++) {
document.getElementById(menu_ids[i]).style.opacity=1;}
for(var i = 0; i < contenu_ids.length; i++) {
document.getElementById(contenu_ids[i]).style.opacity=1;}
}
}
/*
class : linklist navlinks
    filter : alpha(opacity=10);
    opacity : 0.1;

ul.linklist a => color: #378ec4;

document.querySelector("#demo").innerHTML = "Hello World!";



function creer_cookie(sValue)//valeur cookie
{
var sName='cookie';//nom du cookie
var today = new Date(), expires = new Date();//init timestamp actuel
expires.setTime(today.getTime() + (24*60*60*1000));// 24h
document.cookie = sName + "=" + encodeURIComponent(sValue) + ";expires=" + expires.toGMTString();
}
function isset_cookie(cookieName)// true/false if exist
{
if(document.cookie.indexOf(cookieName+'=')!=-1){
 return true;
}else{return false;}
}
function getCookie(sName) {
        var cookContent = document.cookie, cookEnd, i, j;
        var sName = sName + "=";
 
        for (i=0, c=cookContent.length; i<c; i++) {
                j = i + sName.length;
                if (cookContent.substring(i, j) == sName) {
                        cookEnd = cookContent.indexOf(";", j);
                        if (cookEnd == -1) {
                                cookEnd = cookContent.length;
                        }
                        return decodeURIComponent(cookContent.substring(j, cookEnd));
                }
        }     
        return null;
}

if(getCookie("cookie")!=null && getCookie("cookie")=="true")
{getElementById(sfw).checked=true}
if(checked==true)
{creer_cookie("true");}
else{creer_cookie("false");}

*/
</script> 
avatar
Admin
Admin

Messages : 81
Date d'inscription : 06/02/2011
Age : 7

http://essaifff.forumactif.fr

Revenir en haut Aller en bas

Re: Mode discret

Message par AH !! Why ? le Sam 20 Sep - 1:13

Module presque fonctionnel.
Cookie OK
Fonctionne sur toutes les pages.

Problème sur l'élément à droite (#right) qui est caché par le (#container)

Code :

Spoiler:
Code:
<input id="sfw" name="sfw" type="checkbox" /> <label for="sfw">Mode discret</label> <br /> <br /><script type="text/javascript">
var save_titre = document.title;
var choix_titre = ["Kant est ce qu'on Blaise, Pascal ?","Non surtout ne lance pas cette canette, où sinon, Voila c'qui va s'passer !","It's the end of the world as we know it","Attention : Les robots suisses sont actuellement en cours de reboot","Annonce : Apprenez à combattre avec une chaise","Previously in the visiteur du futur","Parce qu'on aime bien mêler l'utile à l'agréable","N'oubliez pas votre seau à caca","Au Forum  Frenchnerd, Pala pala pa ...","La Brigade temporelle recrute (offre non valable pour les zombies et nécrophiles)","Bonjour et bienvenue au coin dur !","Zbrah !","C'est qui Richard ?","Le site officiel de la Reine Clothilde IV","François a décider de remplacer Florent Dorin par un vrai renard par soucis de réalise - Le Frenchnerdorafi","Frenchnews - Les admins sont devenus des lamas","Pour un bonnet péruvien acheté, un whiz est offert","What the phoque ? *bip*","Mais qu'est ce que le destin, et surtout qu'est ce que le café ?","Top 50 - Mini Vague inonde tous ces concurrents","Retrouvez vite la patte de chèvre qui parle sur le FFFstore","Louis XIV trouve Néo-Versailles trop SWAG","#FFFforlifesisilafamille","Castabot de foin","Fils de foin de fumier !","NONTITRE","La meute de foin"];
var save_background_image = document.body.style.backgroundImage;

var menu_ids = ["i_icon_mini_index","i_icon_mini_faq", "i_icon_mini_search","i_icon_mini_members","i_icon_mini_groups","i_icon_mini_profile","i_icon_mini_message","i_icon_mini_logout"];

var contenu_ids = ["container","search-box","right"];

//bug contenaire
var head_foot_ids = ["logo-desc"];
var whosonline_ids = ["i_whosonline"];

document.getElementById("sfw").onchange=modediscret;
function modediscret(){
if(document.getElementById("sfw").checked==true){
creer_cookie("true");
var rand_titre = choix_titre[Math.floor(Math.random() * choix_titre.length)];
document.title = rand_titre;
document.body.style.backgroundImage="none";
for(var i = 0; i <  head_foot_ids.length; i++) {
if(document.getElementById(head_foot_ids[i]) != null)
document.getElementById(head_foot_ids[i]).style.display="none";}

for(var i = 0; i <  whosonline_ids.length; i++) {
if(document.getElementById(whosonline_ids[i]) != null)
document.getElementById(whosonline_ids[i]).style.display="none";}

for(var i = 0; i < menu_ids.length; i++) {
if(document.getElementById(menu_ids[i]) != null)
document.getElementById(menu_ids[i]).setAttribute("style","opacity:0.1; -moz-opacity:0.1; filter:alpha(opacity=10)");}
for(var i = 0; i < contenu_ids.length; i++) {
if(document.getElementById(contenu_ids[i]) != null)
document.getElementById(contenu_ids[i]).setAttribute("style","opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50)");}

var footer_color = document.querySelectorAll('ul.clearfix a'), i; for (i = 0; i < footer_color.length; ++i) { if(document.getElementById(footer_color[i]) != null)
footer_color[i].setAttribute("style","opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50)"); }
var adm_color = document.querySelectorAll('p.copyright a'), i; for (i = 0; i < adm_color.length; ++i) {if(document.getElementById(adm_color[i]) != null)
adm_color[i].setAttribute("style","opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50)"); }
var link_color = document.querySelectorAll('ul.linklist a'), i; for (i = 0; i < link_color.length; ++i) { link_color[i].style.color = "#378ec4"; }
}
else{creer_cookie("false");
document.title = save_titre;
document.body.style.backgroundImage=save_background_image;
for(var i = 0; i < head_foot_ids.length; i++) {
if(document.getElementById(head_foot_ids[i]) != null)
document.getElementById(head_foot_ids[i]).style.display="block";}

for(var i = 0; i < whosonline_ids.length; i++) {
if(document.getElementById(whosonline_ids[i]) != null)
document.getElementById(whosonline_ids[i]).style.display="block";}

for(var i = 0; i < menu_ids.length; i++) {
if(document.getElementById(menu_ids[i]) != null)
document.getElementById(menu_ids[i]).setAttribute("style","opacity:1; -moz-opacity:1; filter:alpha(opacity=100)");}
for(var i = 0; i < contenu_ids.length; i++) {
if(document.getElementById(contenu_ids[i]) != null)
document.getElementById(contenu_ids[i]).setAttribute("style","opacity:1; -moz-opacity:1; filter:alpha(opacity=100)");}

var footer_color = document.querySelectorAll('ul.clearfix a'), i; for (i = 0; i < footer_color.length; ++i) { if(document.getElementById(footer_color[i]) != null)
footer_color[i].style.color = "white"; }
var adm_color = document.querySelectorAll('p.copyright a'), i; for (i = 0; i < adm_color.length; ++i) { if(document.getElementById(adm_color[i]) != null)
adm_color[i].style.color = "white"; }
}
}

function creer_cookie(sValue)//valeur cookie
{
var sName='cookie';//nom du cookie
var today = new Date(), expires = new Date();//init timestamp actuel
expires.setTime(today.getTime() + (24*60*60*1000));// 24h
document.cookie = sName + "=" + encodeURIComponent(sValue) + ";expires=" + expires.toGMTString();
}
function isset_cookie(cookieName)// true/false if exist
{
if(document.cookie.indexOf(cookieName+'=')!=-1){
 return true;
}else{return false;}
}
function getCookie(sName) {
var cookContent = document.cookie, cookEnd, i, j;
var sName = sName + "=";
for (i=0, c=cookContent.length; i<c; i++) {
j = i + sName.length;
if (cookContent.substring(i, j) == sName) {
cookEnd = cookContent.indexOf(";", j);
if (cookEnd == -1) {
cookEnd = cookContent.length;
}
return decodeURIComponent(cookContent.substring(j, cookEnd));
}}      
return null;
}

console.log("start");
if(getCookie("cookie")!=null)
{if(getCookie("cookie")=="true")
{document.getElementById("sfw").checked=true;console.log("cookie trouvé");modediscret();}}
var checked = document.getElementById("sfw").checked;
if(checked==true)
{creer_cookie("true");console.log("cookie crée true");}
else{creer_cookie("false");console.log("cookie crée false");}
</script>  
avatar
AH !! Why ?

Messages : 45
Date d'inscription : 27/08/2014

Revenir en haut Aller en bas

Re: Mode discret

Message par AH !! Why ? le Jeu 6 Nov - 2:35

Code Konami OK ^^

Amusez-vous bien avec le mode discret et simple ^^

_________________
TESTTTTTT
avatar
AH !! Why ?

Messages : 45
Date d'inscription : 27/08/2014

Revenir en haut Aller en bas

Re: Mode discret

Message par Dany le Jeu 6 Nov - 15:02

Tellement inutile mais tellement marrant... Rappel du code Konami:
haut haut bas bas gauche droite gauche droite b a.

_________________
avatar
Dany

Messages : 79
Date d'inscription : 10/09/2014
Age : 12

Revenir en haut Aller en bas

Re: Mode discret

Message par Admin le Ven 5 Déc - 9:02

Par contre le mode discret je suis pas hyper convaincu...déjà c'est que pour ceux qui son au boulot, et c'est pas très sain non plus, en plus, que tu sois sur une page bleu ou blanche, c'est louche quand même, tu te fais chopper, tu te fais chopper quoi...^^'
avatar
Admin
Admin

Messages : 81
Date d'inscription : 06/02/2011
Age : 7

http://essaifff.forumactif.fr

Revenir en haut Aller en bas

Re: Mode discret

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

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