Konami Code modification

John_Winch · 19 Novembre 2012

Hello,

J'utilise le code suivant pour avoir un Konami Code sur mon site.

Code:

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
		<script type="text/javascript" src="konami.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$(window).konami(function(){
					alert('Konami Code Activated');
				});
			});
</script>

Mais je ne veux pas d'alerte quand le code est entré mais plutôt le même effet que sur cette page: http://snaptortoise.com/konami-js/ (

Auriez vous une idée pour modifier le script ?

Merci d'avance pour vos réponses,

spout · 19 Novembre 2012

http://snaptortoise.com/konami-js/konami_example.js

John_Winch · 19 Novembre 2012

spout a dit:
http://snaptortoise.com/konami-js/konami_example.js

Merci pour votre réponse, mais auriez vous une idée sur où sont stockés les donnée relative a la konami page ? (le texte, image etc...)

spout · 19 Novembre 2012

Dans le div#update:

PHP:

<span class="syntaxdefault"><br /></span><span class="syntaxkeyword"><</span><span class="syntaxdefault">div&nbsp;id</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"update"</span><span class="syntaxkeyword">><</span><span class="syntaxdefault">p</span><span class="syntaxkeyword">></span><span class="syntaxdefault">KONAMI&nbsp;CODE</span><span class="syntaxkeyword">!!!</</span><span class="syntaxdefault">p</span><span class="syntaxkeyword">>&nbsp;<</span><span class="syntaxdefault">br</span><span class="syntaxkeyword">/><</span><span class="syntaxdefault">img&nbsp;src</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"contra.gif"&nbsp;</span><span class="syntaxdefault">alt</span><span class="syntaxkeyword">=</span><span class="syntaxstring">""</span><span class="syntaxkeyword">/><</span><span class="syntaxdefault">br</span><span class="syntaxkeyword">/><</span><span class="syntaxdefault">p</span><span class="syntaxkeyword">>+</span><span class="syntaxdefault">30&nbsp;LIVES</span><span class="syntaxkeyword">!</</span><span class="syntaxdefault">p</span><span class="syntaxkeyword">></</span><span class="syntaxdefault">div</span><span class="syntaxkeyword">><br />&nbsp;</span><span class="syntaxdefault"></span>

John_Winch · 19 Novembre 2012

spout a dit:

Dans le div#update:

PHP:

<span class="syntaxdefault"><br /></span><span class="syntaxkeyword"><</span><span class="syntaxdefault">div id</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"update"</span><span class="syntaxkeyword">><</span><span class="syntaxdefault">p</span><span class="syntaxkeyword">></span><span class="syntaxdefault">KONAMI CODE</span><span class="syntaxkeyword">!!!</</span><span class="syntaxdefault">p</span><span class="syntaxkeyword">></span><span class="syntaxdefault"> </span><span class="syntaxkeyword"><</span><span class="syntaxdefault">br</span><span class="syntaxkeyword">/><</span><span class="syntaxdefault">img src</span><span class="syntaxkeyword">=</span><span class="syntaxstring">"contra.gif"</span><span class="syntaxdefault"> alt</span><span class="syntaxkeyword">=</span><span class="syntaxstring">""</span><span class="syntaxkeyword">/><</span><span class="syntaxdefault">br</span><span class="syntaxkeyword">/><</span><span class="syntaxdefault">p</span><span class="syntaxkeyword">>+</span><span class="syntaxdefault">30 LIVES</span><span class="syntaxkeyword">!</</span><span class="syntaxdefault">p</span><span class="syntaxkeyword">></</span><span class="syntaxdefault">div</span><span class="syntaxkeyword">><br /></span><span class="syntaxdefault"> </span>

Ok le contenu est stocké dans une div, mais comment cacher le code quand on met la div dans la page ?

spout · 19 Novembre 2012

Heu regarde plus haut dans le code, tu verras le CSS ...

John_Winch · 19 Novembre 2012

spout a dit:
Heu regarde plus haut dans le code, tu verras le CSS ...

Ha oui en effet

J'ai tente de modifier mon code existant pour voir ces nouveaux effets mais sans aucun succès, où me suis-je trompé ?

Code:

<html>
	<head>
		<title>Konami Code jQuery Plugin Demo</title>
		
		<style type="text/css">
		#update {position:absolute;top:0;left:0;background:#a00;color:#ff0;text-decoration:blink;width:100%;height:100%;display:none;font-size:80px;text-align:center;}
		</style>
		
		
		<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
		<script type="text/javascript" src="konami.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$(window).konami(function(){
				$("#main").fadeOut(function(){
		$("#update").fadeIn()	
	})
			});
		</script>

		
		
		
		
	</head>
	<body>
		<h1>Konami Code jQuery Plugin Demo</h1>
		<p>The Konami Code is up, up, down, down, left, right, left, right, b, a.  Try it out.</p>
		
					<div id="update"><p>KONAMI CODE!!!</p> <br/><img src="contra.gif" alt=""/><br/><p>+30 LIVES!</p></div>

					
	</body>
</html>

spout · 19 Novembre 2012

Tu t'es peut-être trompé quelque part là où la console JS de ton nav te le dit

John_Winch · 19 Novembre 2012

spout a dit:
Tu t'es peut-être trompé quelque part là où la console JS de ton nav te le dit

Ma console JS ? Je n'ai eu aucun message d'erreur.

Madrileño · 20 Novembre 2012

Le premier code semble héberger le code. Déjà vérifier si c'est via votre serveur ou l'autre.

John_Winch · 21 Novembre 2012

Madrileño a dit:
Le premier code semble héberger le code. Déjà vérifier si c'est via votre serveur ou l'autre.

J'ai modifié mon javascipt de cette facon :

Code:

<script type="text/javascript" src="http://konami-js.googlecode.com/svn/trunk/konami.js"></script>
<script type="text/javascript">
	konami = new Konami()
	konami.code = function(){
	$("#main").fadeOut(function(){
		$("#update").fadeIn()	
	})
	pageTracker._trackEvent("Easter Eggs", "Konami Code")
	}
</script>

Mais toujours rien.