Css Snippets » verberg http://www.csssnippets.be Snippets for you, snippets for me Mon, 17 Oct 2011 08:42:00 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Jquery: toon paswoord http://www.csssnippets.be/2009/12/jquery-toon-paswoord/ http://www.csssnippets.be/2009/12/jquery-toon-paswoord/#comments Mon, 14 Dec 2009 07:01:31 +0000 Mark http://www.csssnippets.be/?p=662 deze wordt automatisch gemaskeerd met bolletjes - en je moet het paswoord een tweede keer invullen, maar je bent niet meer 100% zeker wat je hebt ingevuld, zou het dan niet handig zijn als je de mogelijkheid had om te zien wat je hebt ingegeven?]]> Misschien heb je al een keer voorgehad, je vult een paswoord in – deze wordt automatisch gemaskeerd met bolletjes – en je moet het paswoord een tweede keer invullen, maar je bent niet meer 100% zeker wat je hebt ingevuld, zou het dan niet handig zijn als je de mogelijkheid had om te zien wat je hebt ingegeven?

HTML

<form>
 <p>
  <label for="password">Password:</label>
  <input id="password" name="password" type="password" />
 </p>
 <p>
  <input id="showcharacters" name="showcharacters" type="checkbox" />
  <label>Show characters</label>
 </p>
</form>

Javascript/Jquery

<![CDATA[
$(document).ready(function() {
$('#showcharacters').click(function() {
  if ($(this).attr('checked')) {
   $('#password').replaceWith('<input id="password" name="password" type="text" value="' + $('#password').attr('value') + '" />');
  } else {
   $('#password').replaceWith('<input id="password" name="password" type="password" value="' + $('#password').attr('value') + '" />');
  }
 });
});
]]>
Google Bookmarks Digg BlinkList Technorati del.icio.us StumbleUpon

]]> http://www.csssnippets.be/2009/12/jquery-toon-paswoord/feed/ 1 Tekst verbergen, mogelijkheid #1 http://www.csssnippets.be/2009/06/tekst-verbergen-mogelijkheid-1/ http://www.csssnippets.be/2009/06/tekst-verbergen-mogelijkheid-1/#comments Sat, 13 Jun 2009 06:36:12 +0000 Mark http://www.csssnippets.be/?p=266 Tekst verbergen met CSS, het kan. Het doel van tekst te verbergen kan uiteenlopen, van een tekst te vervangen door een afbeelding omdat het juiste lettertype niet op elke computer voorkomt bijvoorbeeld.
Of tekst verbergen omdat een CMS systeem de tekst weergeeft en het niet aanwezig moet zijn omwille van het design. Reden genoeg.

Text indent

HTML

<h1>Ik word verborgen</h1>

CSS

h1 {
text-indent:-9999px; /*Verberg tekst, aanwezig voor SEO*/
margin:0 auto;
width:403px;
height: 82px;
background:transparent url("images/logo.gif") no-repeat 0 0;
}
Google Bookmarks Digg BlinkList Technorati del.icio.us StumbleUpon

]]> http://www.csssnippets.be/2009/06/tekst-verbergen-mogelijkheid-1/feed/ 1