buy generic cialis

Ocultar/Mostrar elementos apartir de radio select

No Comments »
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function id( el ){
  5.         return document.getElementById( el );
  6. }
  7. function mostra( el ){
  8.         id( el ).style.display = ‘block’;
  9. }
  10. function esconde_todos( el, tagName ){
  11.         var tags = el.getElementsByTagName( tagName );
  12.         for( var i=0; i<tags.length; i++ )
  13.         {
  14.                 tags[i].style.display = ‘none’;
  15.         }
  16. }
  17. window.onload = function()
  18. {
  19.         id(‘Masculino’).style.display = ‘none’;
  20.         id(‘Feminino’).style.display = ‘none’;
  21.        
  22.         id(’sel-sexo’).onchange = function()
  23.         {
  24.                 esconde_todos( id(‘palco’), ‘div’ );
  25.                 mostra( this.value );
  26.         }
  27.         var radios = document.getElementsByTagName(‘input’);
  28.         for( var i=0; i<radios.length; i++ ){
  29.                 if( radios[i].type==‘radio’ )
  30.                 {
  31.                         radios[i].onclick = function(){
  32.                                 esconde_todos( id(‘palco’), ‘div’ );
  33.                                 mostra( this.value );
  34.                         }
  35.                 }
  36.         }
  37. }
  38. </script>
  39. </head>
  40. <body>
  41.        
  42.         <select name="sel-sexo" id="sel-sexo">
  43.                 <option value="">–</option>
  44.                 <option value="Feminino">Feminino</option>
  45.                 <option value="Masculino">Masculino</option>
  46.         </select>
  47.         <label><input type="radio" name="rd-sexo" value="Feminino" />Feminino</label>
  48.         <label><input type="radio" name="rd-sexo" value="Masculino" />Masculino</label>
  49.        
  50.         <div id="palco">
  51.                 <div id="Masculino">Seu sexo é Masculino!</div>
  52.                 <div id="Feminino">Seu sexo é Feminino!</div>
  53.         </div>
  54. </body>
  55. </html>
  56.  
  57. com jquery
  58.  
  59.  
  60. <pre lang="javascript"><html>
  61. <head>
  62. <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
  63. <script type="text/javascript">
  64. $(document).ready(function(){
  65.         $("#palco > div").hide();
  66.         $("#sel-sexo").change(function(){
  67.                 $("#palco > div").hide();
  68.                 $( ‘#’+$( this ).val() ).show(‘fast’);
  69.         });
  70.         $("input[name='rd-sexo']").click(function(){
  71.                 $("#palco > div").hide();
  72.                 $( ‘#’+$( this ).val() ).show(‘fast’);  
  73.         });
  74. });
  75. </script>
  76. </head>
  77. <body>
  78.        
  79.         <select name="sel-sexo" id="sel-sexo">
  80.                 <option value="">–</option>
  81.                 <option value="Feminino">Feminino</option>
  82.                 <option value="Masculino">Masculino</option>
  83.         </select>
  84.         <label><input type="radio" name="rd-sexo" value="Feminino" />Feminino</label>
  85.         <label><input type="radio" name="rd-sexo" value="Masculino" />Masculino</label>
  86.        
  87.         <div id="palco">
  88.                 <div id="Masculino">Seu sexo é Masculino!</div>
  89.                 <div id="Feminino">Seu sexo é Feminino!</div>
  90.         </div>
  91. </body>
  92. </html>
julho 28th 2010 Não Classificados

Alterando src dentro de textarea com ER

No Comments »
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
  4. <head>
  5. <script type="text/javascript">
  6. function id( el ){
  7.         return document.getElementById( el );
  8. }
  9. window.onload = function(){
  10.         var imgs = document.getElementsByTagName(‘img’);
  11.         for( var i=0; i<imgs.length; i++ ){
  12.                 imgs[i].onclick = function(){
  13.                         var area = id(‘area’).value;                    
  14.                         id(‘area’).value = area.replace(/src="[-a-zA-Z0-9:_\/.]+"/, ’src="’+this.src+‘"’ );
  15.                 }
  16.         }
  17. }
  18. </script>
  19. </head>
  20. <body>
  21.         <form action="" method="post">
  22.                 <fieldset>
  23.                 <label><textarea cols="30" rows="7" id="area"><a href="http://www.site.com.br/index.php?user=2"><img src="../imagens/imagem.png" alt="" /></a></textarea></label>
  24.                 </fieldset>
  25.         </form>
  26.        
  27.         <img src="http://100grana.files.wordpress.com/2008/11/mickey-mouse-c.jpg" alt="" />
  28.         <img src="http://pcmeira.blog.uol.com.br/images/PatoDonald_pcmeira.jpg" alt="" />
  29. </body>
  30. </html>
julho 28th 2010 Não Classificados

Somar inputs dentro de fieldset javascript

No Comments »
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function id( el ){
  5. return document.getElementById( el );
  6. }
  7. function soma(){
  8. var inputs = id(‘campos’).getElementsByTagName(‘input’);
  9.  
  10. var soma =0;
  11. for( var i=0; i<inputs.length; i++ ){
  12. soma += parseInt( inputs[i].value );
  13. }
  14. id(‘resultado’).value = soma;
  15. }
  16. window.onload = function(){
  17. id(’somar’).onclick = function(){
  18. soma();
  19. }
  20. }
  21. </script>
  22. </head>
  23. <body>
  24. <form action="" method="post">
  25. <fieldset id="campos">
  26. <label><input type="text" name="valor[]" value="2" /></label>
  27. <label><input type="text" name="valor[]" value="5" /></label>
  28. <label><input type="text" name="valor[]" value="8" /></label>
  29. <label><input type="text" name="valor[]" value="9" /></label>
  30. <label><input type="text" name="valor[]" value="1" /></label>
  31. </fieldset>
  32.  
  33. <input type="button" name="somar" id="somar" value="Somar" />
  34. <label>Total Soma: <input type="text" name="resultado" id="resultado" /></label>
  35. </form>
  36. </body>
  37. </html>
julho 23rd 2010 Não Classificados
Previous Entries