Esta descripcion es demasiado corta asi que podemos resumir en varios puntos que hace este tutorial:
- obtener la ip del servidor desde el index con javascrip, proque su ip es dinamica
- tratar de modificar el valor de texto de una pagina web en un punto especifico
- trata de crear el valor de un enlace al cargar la pagina, o de un tag html cualquiera
- modificar el atributo de nu tag html cualquiera al cargar la pagina con javascrip
- modificar el atributo de un tag html al realizar una accion del raton antes de dar click
Crear dinamicamente el index con un enlace para el printserver daruma cups, crea el link usando javascrip y cambiando el tag !a! link!
Lo primero el codigo base, creamos el archivo index.html con el comando touch index.html, el contenido depsues lo pegamos manualmente y sera este:
Cual es el problema? alli esta el enlace!
El problema es que esa maquina tiene una ip dinamica, y la parte IPESTATICO que seria la ip, cambiaria cuando se apagase la maquina!
La proxima vez encienda esa ip no va tener la misma (aqui puesta como IPESTATICO), y para eso vamos a obtenerla dinamicamente y escribirla dinamicamente en cada reinicio en esa pagina html, pero usando javascrip!
parte 1 obtener la ip y el enlace directo
Esto es facil, hay un codigo directo javascrip, y es location.host. OJO no queremos la ip del cliente que visita la pagina, sino la del servidor para generar el html y el enlace dinamico a partir de la ip que siempre cambiara del servidor!
Enconce creamos un codigo que provea esa parte:
Esto sacara en la consola la direccion ip con el texto adjuntado.. asi creamos un enlace custom:
parte 2 obtener el tag link a que queremos modificar
Para esto el metodo mas fiable es usar el atributo "id" puesto que por propiedad se necesita pasar el objeto elemento.
El truco es que obetnida la referencia (el nombre del id) podemos modificar el atributo "href" y asi insertar el nuevo enlace modificado generado automaticamente con al ip cambiada!
El resultado es que el texto se cambiara de "textooriginal" se cambiara a "texto cambiado"
Y mas oculto el atributo href cambiuara a "atributo cambiado" que tenia "enlace"
Parte 3 usar el enlace en el tag obtenido y modificarlo
Ahora unimos la parte 1 en uan variable, y usamos esa variable en la parte 2
Basicamente, el codigo segundo le metemos la variable del codigo primero, creando asi el tag modificado con el enlace!
Codigo final de la pagina
Recordemos que quermos cambiarlo por un enlace custom asi que usamos el enlace de la misma maquina para CUPS, que necesita adjuntar el puerto:
</html>
Comentarios
Publicar un comentario