elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Usando Git para manipular el directorio de trabajo, el índice y commits (segunda parte)


  Mostrar Mensajes
Páginas: 1 2 [3] 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 ... 21
21  Programación / Desarrollo Web / Re: [HTML][JS] Optimizar codigo: asignar value a <option> a partir de innerText en: 21 Septiembre 2020, 20:47 pm
Muchas gracias... En el tiempo libre me lo leo, aún me faltan varios conceptos de javascript por aprender...
22  Programación / Desarrollo Web / Re: [HTML][JS] Optimizar codigo: asignar value a <option> a partir de innerText en: 21 Septiembre 2020, 19:54 pm
Muchas gracias por sus opiniones... Veré que hago... Something more?
23  Programación / Desarrollo Web / Re: [HTML][JS] Optimizar codigo: asignar value a <option> a partir de innerText en: 21 Septiembre 2020, 02:58 am
Gracias a todos, cualquier comentario más se agradece. Modifique los códigos un poco, aplicando los cambios sugeridos por @XSStringManolo. Esta bien así? O aún falta optimizarlo?

HTML:

Código
  1. <select id="country">
  2.  <option selected>--- País ---</option>
  3.  <option value="">Venezuela</option>
  4.  <option value="">Argentina</option>
  5. </select>
  6.  

javascript:

Código
  1. // Colocar el valor correspondiente a cada opción del selector de países.
  2. var options = document.getElementsByTagName("option"); // Obtengo todos los elementos "option".
  3. for (var i = 1, s = options.length; i < s; i++) {  // Bucle para hacer referencia a cada elemento individualmente, exceptuando al primero.
  4.  options[i].value = options[i].innerText;  // Se traduce a: El valor de cada opción (options[i].value), será igual al texto que lleve dentro (options[i].innerText).
  5. }
  6.  

Muchas gracias a @EdePC y a @WHK, pero sólo es una prueba para mi propio aprendizaje... MUCHAS GRACIAS!!! :D
24  Programación / Desarrollo Web / Re: [HTML][JS] Optimizar codigo: asignar value a <option> a partir de innerText en: 21 Septiembre 2020, 01:20 am
Muchas gracias! Alguien más?

La verdad yo también lo veo bien...
25  Programación / Desarrollo Web / [HTML][JS] Optimizar codigo: asignar value a <option> a partir de innerText en: 20 Septiembre 2020, 23:05 pm
Saludos,

HTML:

Código
  1. <select id="country">
  2.  <option id="empty" value="" selected>--- País ---</option>
  3.  <option value="">Venezuela</option>
  4.  <option value="">Argentina</option>
  5. </select>

javascript:

Código
  1. document.addEventListener('DOMContentLoaded', () => {
  2.  // Colocar el valor correspondiente a cada opción del selector de países.
  3.  var options = document.getElementsByTagName("option"); // Obtengo todos los elementos "option".
  4.  for (var i = 0; i < options.length; i++) {  // Bucle para hacer referencia a cada elemento individualmente.
  5.    options[i].value = options[i].innerText;  // Se traduce a: El valor de cada opción (options[i].value), será igual al texto que lleve dentro (options[i].innerText).
  6.  }
  7.  document.getElementById("empty").value = "";  // Exeptuamos la opción por defecto.
  8. });

¿Está bien?
¿Hay otra forma más fácil?

Gracias por sus comentarios...
26  Programación / Desarrollo Web / [HTML] Permitir borrar hasta cierto punto en un input text o por el estilo en: 19 Septiembre 2020, 23:13 pm
Saludos,

Código
  1. <input type="url" id="url" class="i" value="http://" />

... Daría como resultado un campo de texto con "http://" como valor por defecto.
Lo que quisiera lograr, es que ese mismo texto no se pueda borrar. O sea, que el usuario escriba "hola.com", y dentro del input quede "http://hola.com"... Luego decide borrar todo pero que no pueda borrar "http://" (por ejemplo)...

Espero haberme explicado bien...

Gracias de antemano...
27  Programación / Desarrollo Web / Re: Responsive Web en: 19 Septiembre 2020, 19:28 pm
Esto no debería de ir aquí...

Tienes un código demasiado inteligible, debes de poner todos los estilos en el CSS.

Estas aplicando el mismo estilo una y otra vez a los elementos em:

Código
  1.                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">29</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">__--</em></em></em> <em style="color:  rgb(215, 186, 125);">.codigohtml<em style="color: white;"> {</em></em> </p>
  2.                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">30</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">background-color<em style="color: rgb(220, 220, 170);">:<em> rgb</em><em style="color: white;">(<em style="color: rgb(181, 206, 168);">51<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">51<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">51</em></em><em style="color: white;">)<em>;</em> </em> </em></em> </p>
  3.                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">31</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">border-color<em style="color: rgb(220, 220, 170);">:<em> rgb</em><em style="color: white;">(<em style="color: rgb(181, 206, 168);">177<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">177<em style="color: white;">,</em><em style="color: rgb(181, 206, 168);">177</em></em><em style="color: white;">)<em>;</em> </em> </em></em> </p>
  4.                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">32</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">border-width<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 3px</em><em style="color: white;">;</em>  </em></p>
  5.                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">33</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">border-style<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color:rgb(206, 145, 120);"> solid</em><em style="color: white;">;</em>  </em></p>
  6.                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">34</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">margin<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 20px</em><em style="color: white;">;</em>  </em></p>
  7.                <p><em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">35</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">______-</em></em></em> <em style="color:  rgb(156, 220, 254);">font-size<em style="color: rgb(220, 220, 170);"><em style="color: white;">:</em><em style="color: rgb(181, 206, 168);"> 13px</em><em style="color: white;">;</em>  </em></p>
  8.                <em  style="color: rgb(133, 133, 133);"><em style="visibility: hidden;">_...</em ><em  class="numero" style="color: rgb(133, 133, 133);">36</em><em style="color:rgb(51, 51, 51);"><em style="visibility: hidden">___---</em></em></em> <em style="color: white;">}</em></em>

Código
  1. em { color: rgba(133, 133, 133); }
28  Programación / Scripting / Re: ¿Puedo hacer esto con Batch? en: 18 Septiembre 2020, 23:59 pm
Si necesitas una guía de "como hacer juegos" como los que dices, no conozco ninguna. Pero si que hay bastantes guías y tutoriales sobre  batch basico o cualquier nivel. Hace un tiempo hice un tutorial basico de Batch:

Tutorial Batch Básico

Si te interesa:

[Tutorial] Batch Game Programming by SmartGenius
29  Programación / Desarrollo Web / Re: [javascript][DUDA] ¿Algún ejemplo sencillo de clases en javascript? en: 18 Septiembre 2020, 23:41 pm
Perdón por la ausencia,

Gracias resuelto
30  Programación / Desarrollo Web / Re: Podrían explicarme el uso de la expresión RegExp [^abc] en javascript? en: 11 Septiembre 2020, 19:44 pm
Muchas gracias, si me agarra otra duda referente a lo mismo, la posteo.

Salu2
Páginas: 1 2 [3] 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 ... 21
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines