11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

J'essaie d'intégrer une barre de connexion (comme http://technorati.com ) en javascript dans ma sidebar.

http://img519.imageshack.us/img519/7527/copiedebarre1hz4.png

http://img519.imageshack.us/img519/9691/copiedebarre2mb8.png



J'ai réussi a intégré la barre ( voir mon site: http://www.vmixx.com ) mais bémol je n'arrive pas a appeler la deuxième barre de connexion.


Dans mon header j'ai mis :


<script type="text/javascript" src="<?php echo get_settings('siteurl').'/wp-content/plugins/' ?>js/base.js"></script>
<script type="text/javascript" src="<?php echo get_settings('siteurl').'/wp-content/plugins/' ?>js/jquery.js"></script>


Dans le dossier js j'ai mis les deux fichier suivant base.js et jquery.js

Et dans ma sidebar:


<div id="slice" class="wrap"><div class="b">

	<div class="sitenav">
	<ul class="navlinks">
		
				   <li class="first">Home</li>

		    <li>&middot;</li>
		
				   <li><a href="/pop/">Popular</a></li>
		    <li>&middot;</li>

				   <li><a href="/favorites/">Favorites</a></li>
		    <li>&middot;</li>

				   <li><a href="/watchlist/">Watchlists</a></li>

				
    <li>&middot;</li>

				   <li><a href="/wtf/">WTF</a></li>
			</ul>
	</div>
	<div class="usertools">
	<ul class="navlinks">
		<li class="first"><a href="<?php bloginfo('url'); ?>/wp-content/themes/vmixx/signin.php">Connexion</a></li>

    <li>&middot;</li>
		<li><a href="/signup/" onclick="if(document.all) $('select').hide();if($e('signin').style.display=='block') {$('#signin').slideUp('fast'); } else { $('#signin').slideDown('fast');$e('username').focus()};return false">Inscription</a></li>
    <li>&middot;</li>
		<li><a href="http://www.vmixx.com/">Aide</a></li>
	</ul>
	</div>
	
</div></div>

<div id="signin" class="wrap"><div class="b">
   <form action="<?php echo get_settings('siteurl'); ?>/wp-login.php" id="signinform" method="post">
      <h2>Connexion</h2>
      <ul>
         <li id="uname">
            	<label for="username">Username</label>
				<input type="text" name="username" id="username" tabindex="1" />
         </li>

         <li id="pword">
            	<label for="password">Password</label>
				<input type="password" name="password" id="password" tabindex="2" />
				<p><a href="/signup/lostpassword.html" title="Reset your password" class="forgot">Vous avez oublier votre password?</a></p>
         </li>
		<li id="signinbtn"><input type="submit" class="btn" value="Sign In" tabindex="3" /></li>
      </ul>
      <div><a href="#member" id="signin-cancel" onclick="if(document.all) $('select').show();$('#signin').slideUp('fast');return false;" title="Nevermind" class="img"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/cancel.png" alt="Cancel" /></a></div>

   </form>
   </div></div>


Merci pour votre aide.
Modifié par kitten13 (08 May 2007 - 15:11)