Mostrar Mensajes

Esta sección te permite ver todos los posts escritos por este usuario. Ten en cuenta que sólo puedes ver los posts escritos en zonas a las que tienes acceso en este momento.


Temas - SoCu

Páginas: [1]
1
Hola, agradeciera vuestra ayuda para poder alinear el texto de las celdas, que no soy capaz de poner el código correcto.

Veréis, he creado unos botones que al pulsarlos muestran unas tablas, donde hay algunas filas que contienen celdas que también están ocultas, y al mostrarse esa celdas, el texto que tiene no sale alineado.

Por ejemplo:

   Tema 1 - Jujubes marzipan chocolate cake wafer biscuit.
   
   Cap. 1/Sec. 1 - Jujubes marzipan chocolate cake wafer biscuit.
   Cap. 1/Sec. 2 - Jujubes marzipan chocolate cake
very good biscuit. Biscuit powder danish croissant cupcake macaroon.

la parte de very good biscuit queda desalineada.

He puesto el codigo en una de esas paginas que muestra el resultado, supongo que no esta bien puesto, pero el resultado si se puede ver

https://jsfiddle.net/SoCu/kj4t6520/1/

El código es:

Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Textos</title>

<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>

 <style type="text/css">


    .oculto1,.oculto2,.oculto3{
            margin-left: 1%;
            display: none;
        }
        .info2_submenu1 span{
            padding-left: 15px;
        }
        .blue-text {
          font: 10pt comic sans ms;
          color: blue;
        }
        td {
          vertical-align: top;
        }
    </style>

</head>
<body>

<div>
    <p>
    <p>
    <div>
        <a><button type="button" style='width:257px; text-align: left; font: 11pt arial;' onclick="window.open('pagina.htm','_self');">
           <span><i class="fa fa-angle-double-right blue-text" aria-hidden="true"></i> Boton 1</span></button></a>
    </div>
         
    <div class="info1">
        <a href="#info1"><button type="button" style='width:257px; text-align: left; font: 11pt arial'>Libro 1</button></a>
    </div>
        <div id="<info1></info1>" class="oculto1">
        <table>
            <tr>
            <td><span class="blue-text"><i class="fa fa-angle-double-right" aria-hidden="true"></i></span></td>
            <td style='font: 11pt arial'><a href="pagina.htm">INDICE por artículos</a></td>
        </tr>
            <tr>
            <td><span class="blue-text"><i class="fa fa-angle-double-right" aria-hidden="true"></i></span></td>
            <td style='font: 11pt arial'><a href="pagina.htm">Cap. 1 - Jujubes marzipan chocolate cake wafer biscuit. Biscuit powder danish croissant cupcake macaroon.Jujubes marzipan chocolate cake wafer biscuit. Biscuit powder danish croissant cupcake macaroon.</a></td>
            </tr>
            <tr>
            <td><span class="blue-text"><i class="fa fa-angle-double-right" aria-hidden="true"></i></span></td>
            <td><a href="pagina.htm">Cap. 2 - Jujubes marzipan chocolate cake wafer biscuit. Biscuit powder danish croissant cupcake macaroon.Jujubes marzipan chocolate cake wafer biscuit. Biscuit powder danish croissant cupcake macaroon.Jujubes marzipan chocolate cake wafer biscuit. Biscuit powder danish croissant cupcake macaroon.Jujubes marzipan chocolate cake wafer biscuit. Biscuit powder danish croissant cupcake macaroon.</a></td>
            </tr>
        </table>
        </div>
         

    <div class="info2">
        <a href="#info2"><button type="button" style='width:257px; text-align: left; font: 11pt arial'>Libro 2</button></a>
    </div>
        <div id="info2" class="oculto2">
        <table>
            <tr>
            <td><span class="blue-text"><i class="fa fa-angle-double-right" aria-hidden="true"></i></span></td>
            <td style='font: 11pt arial'><a href="pagina.htm">INDICE</a></td>
            </tr>
            <tr>
            <td><span class="blue-text"><i class="fa fa-angle-double-right" aria-hidden="true"></i></span></td>
            <td style='font: 11pt arial'><a href="pagina.htm">Sec. 1 - Jujubes marzipan chocolate cake wafer biscuit. Biscuit powder danish croissant cupcake macaroon.</a></td>
            </tr>
            <tr>
            <td><span class="blue-text"><i class="fa fa-angle-double-right" aria-hidden="true"></i></span></td>
            <td style='font: 11pt arial'><a href="pagina.htm">Sec. 2 - Jujubes marzipan chocolate cake wafer biscuit. Biscuit powder danish croissant cupcake macaroon. </a></td>
            </tr>

            <tr>
            <td><span class="blue-text"><i class="fa fa-file" aria-hidden="true"></i></span></td>
            <td style='font: 11pt arial'><a href="#" class="info2_ET1">Tema 1 - Jujubes marzipan chocolate cake wafer biscuit.</a></td>
            </tr>
<tr hidden class="info2_submenu1">
<td></td>
    <td>
    <span style='font: 11pt arial'><a href="pagina.htm"><i style="color: blue" class="fa fa-angle-double-right" aria-hidden="true"></i>Cap. 1/Sec. 1 - Jujubes marzipan chocolate cake wafer biscuit.</a></span><br>
    <span style='font: 11pt arial'><a href="pagina.htm"><i style="color: blue" class="fa fa-angle-double-right" aria-hidden="true"></i>Cap. 1/Sec. 2 - Jujubes marzipan chocolate cake wafer biscuit. Biscuit powder danish croissant cupcake macaroon.</a></span>
    </td>
</tr>
        </table>
        </div>
         

    <div class="info3">
        <a href="#info3"><button type="button" style='width:257px; text-align: left; font: 11pt arial'>Libro 3</button></a>
    </div>
        <div id="info3" class="oculto3">
        <table>
            <tr>
            <td><span class="blue-text"><i class="fa fa-angle-double-right" aria-hidden="true"></i></span></td>
            <td style='font: 11pt arial'><a href="pagina.htm">INDICE</a></td>
            </tr>
            <tr>
            <td><span class="blue-text"><i class="fa fa-angle-double-right" aria-hidden="true"></i></span></td>
            <td style='font: 11pt arial'><a href="pagina.htm">Sec. 1 - Jujubes marzipan chocolate cake wafer biscuit. Biscuit powder danish croissant cupcake macaroon.</a></td>
            </tr>
            <tr>
            <td><span class="blue-text"><i class="fa fa-angle-double-right" aria-hidden="true"></i></span></td>
            <td style='font: 11pt arial'><a href="pagina.htm">Sec. 2 - Jujubes marzipan chocolate cake wafer biscuit. Biscuit powder danish croissant cupcake macaroon. </a></td>
            </tr>
        </table>
        </div>

    <div>
        <a><button type="button" style='width:257px; text-align: left; font: 11pt arial;' onclick="window.open('pagina.htm','_self');">
           <span><i class="fa fa-angle-double-right blue-text" aria-hidden="true"></i> INDICE</span></button></a>
    </div>
   
</div>

<script type="text/javascript">
 jQuery(document).ready(function(){
            $('.info1').on('click',function(){
                $('.oculto1').slideToggle('fast');
                $('.oculto2').slideUp('fast');
                $('.oculto3').slideUp('fast');
                $('.info2_submenu1').slideUp('fast');

            });
            $('.info2').on('click',function(){
                $('.oculto2').slideToggle('fast');
                $('.oculto1').slideUp('fast');
                $('.oculto3').slideUp('fast');
                $('.info2_submenu1').slideUp('fast');

            });
            $('.info3').on('click',function(){
                $('.oculto3').slideToggle('fast');
                $('.oculto2').slideUp('fast');
                $('.oculto1').slideUp('fast');
                $('.info2_submenu1').slideUp('fast');
            });
            $('.info2_ET1').on('click',function(){
                $('.info2_submenu1').slideToggle('fast');
            });
        });
 </script>
 
 </body>
</html>


Si desplegamos el botón "Libro 2" vemos que los textos que muestra están alineados respecto a la marca >>
Pero si desplegamos las opción "Tema 1 - xxxxx.....", vemos que los textos no se encuentran alineados con la marca >>



Me podéis decir que código tendria que poner por que al desplegar las celdas del "Tema 1 - xxxxx" aparezca alineado como el resto.


Gracias.



2
Aprender a programar desde cero / Mapa en HTML para android
« en: 24 de Enero 2018, 23:21 »
Hola, tengo un problema que no sé muy bien porque pasa, tengo creada una página web local con el mapa de google, donde trazo una ruta para poder navegar, en el navegador del pc y se visualiza bien, y se puede seleccionar un destino.
Si copio la página a la tarjeta SD del móvil y la visualizo con el navegador también puedo seleccionar un destino, y me muestra el botón de la flecha que la pulsarlo abre la aplicación Maps, pero una vez abierta no me muestra el botón "Iniciar" para comenzar la navegación, solo puedo ver los pasos y vista previa, porque no me muestra ahora el botón para iniciar la navegación ? esto lo pregunto por curiosidad porque no voy a utilizar este sistema para navegar, pero no sé porque ahora no deja navegar.

El problema lo tengo ahora con android studio, intento crear una aplicación con esta página web, pero ya no sé si es por el scrip que lleva la página web que cuando pruebo la aplicación en el simulado me dice me advierte que hay un problema al cargar los dados.
Y tambien este mensaje:
Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys", source: https://maps.googleapis.com/maps-api-v3/api/js/31/6/util.js

El Scrip es este, que si muestro la pagina en el pc, se puede ver sin problemas, pero en android studio me tira esos errores y no llega a mostrarme el mapa:

Código: [Seleccionar]
<script
      src="https://code.jquery.com/jquery-1.12.4.min.js"
      integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
      crossorigin="anonymous">
</script>

El codigo que estoy utilizando para mostrar el mapa es este:

Código: [Seleccionar]
  <script type="text/javascript">
         
                    window.onload = function() {
                                    navigator.geolocation.getCurrentPosition(fn_ok, fn_error);
                    }
                       function fn_error() {
                                    var divMapa = document.getElementById('mapa');
                                    divMapa.innerHTML = 'hay un problema al solicitar los datos';
                       }
                       function fn_ok(respuesta){
                                    var divMapa = document.getElementById('mapa');
                                    var lat = respuesta.coords.latitude;
                                    var lon = respuesta.coords.longitude;


                                    $("button[name='btnCiudad']").each(function(){

                                    $(this).bind( "click",function() {
                               // Generar enlace
                               var destino = $(this).val();
                               var enlace = 'http://maps.google.com/maps?saddr='+ lat + ',' + lon + '&daddr=' + destino;
                               document.getElementById('ruta').href = enlace;
                             });
                                    });
                       }
        </script>

No se si necesitais algun dato mas.

Si puede ser agradecería vuestra ayuda a ver si se puede conseguir que funcione desde la aplicación con android.


Un saludo.


3
Hola, no sé si alguien me puede ayudar con este problema que tengo, he conseguido un proyecto para crear una aplicación para uso personal, y necesito hacer funciona la flecha que hay en el menú Toolbar, he visto muchos códigos y videos que dicen cómo se activa y cómo funciona para volver a la actividad anterior, pero todos muestran un ejemplo simple, quiero decir con dos clases activity,

No sé si es aquí donde yo tengo el problema, porque como clases Activity solo tengo una, las demás clases están como Fragment

El menú no mostraba la flecha, logre ponerla, pero cuando la pulsaba la aplicación se cerraba, y lo mismo con el botón físico del móvil, al pulsar para ir atrás también cerraba la apelación.

Logre poner un código para que al pulsar la flecha atrás, mostrase un mensaje de advertencia, pero cuando me pulso a otros menús y volver atrás, muestra ese mensaje, pero no vuelva a la actividad anterior.

El proyecto del menú que estoy utilizando es este:
Código: [Seleccionar]
https://android-arsenal.com/details/1/5508
Me puede decir alguien que código tendría que poner para que funcionase la flecha atrás, y donde porque ya no sé si en la clase Fragments o en el  XML hay que poner algo.


Gracias anticipadas

4
Hola, con este código le he puesto una contraseña a una pagina, donde el nombre del la contraseña es el nombre de la página destino sin la extensión html.

El código correcto para abrir la pagina es:
Código: [Seleccionar]
function Entrar(password) {window.location=password+".html"}

Pero quiero ponerle una opción para que si no se introduce la contraseña correcta, muestre un mensaje de alerta, y no muestre una pagina de error.

El codigo que he puesto esta mal porque no hace nada, ni con la contraseña correcta.

Como seria ese codigo ?  se podria poner que el mensaje de alerta dure un tiempo mostrando el mensaje y luego se cierre solo.

Código: [Seleccionar]
<body>
<script LANGUAGE="JavaScript">

   function Entrar(password) {
        if window.location=password+".html";
else {alert("Error en Contraseña. Intenta de nuevo.")}
   }
</script>

<center>
<br>
<br>
<p>Introducir Contraseña</p>
    <br>
<form>
  <p><input type="password" name="palabra" size="10"> <input type="button" value="Confirmar"
  onClick="Entrar(this.form.palabra.value)" name="button"> </p>
</form>
</center>>

</body>


Gracias.

5
Hola, me pude decir alguien como centrar un DIV?

Os pongo el código para que veáis como esta, ya que tengo un DIV dentro de otro DIV, y captura para que veáis que tiene que quedar debajo de un texto.

La paginas tiene extensión ASP, porque la página se encuentra en una intranet y al principio de la página tiene un código para identificarse y poder ver la página.

Código: [Seleccionar]
<%@LANGUAGE="VBSCRIPT"%>
<%
CODIGO PARA IDENTIFICARSE
%>
<!DOCTYPE html><!-- HTML5 -->
<html lang="es-ES">

<head>
<title>Archivos Subidos</title>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
        <script type="text/javascript" src="jsc/jquery.js"></script>

<style type="text/css">
body {
     text-align: center;
        }

        a {
           text-align: center;
        }

        body { 
           background: white url(fondo.png);
       background-repeat: repeat
  }

  #marco{
    /*position: absolute;*/
    position: relative;
        /*top:50%;*/
    /*left:50%;*/
    width:500px;
    /*margin-left:-500px;*/
    height:400px;
    /*margin-top:-350px;*/
    border:2px solid #808080;
    padding:5px;
    /*text-align:center;*/
}

.lista{
    width:493px;
    height:393px;
    text-align: left;
    /*background-color:red;*/
    border: 5px solid;
    /*border-color: aliceblue;*/
    /*margin-left: 680px;*/
    /*position:absolute;*/
}

</style>


<body>
<br>
<img src="http://imagen en el servidor/imagen.png"><br>
<br>
<br>

<h2>Listado de archivos subidos</h2>
<br>
<br>
<a href="Ver.asp">Volver al Menú anterior</a>
<br>
<br>
 
    <div id="marco">

<div class="lista">

        <%
Response.Buffer = True

' File System Object
Dim fso
Set fso = Server.CreateObject("Scripting.FileSystemObject")

' "Uploaded" Folder
Dim folder
Set folder = fso.GetFolder(Server.MapPath("../carpeta/"))

If folder.Size > 0 Then
Response.Write "<ul>"
For Each file In folder.Files
Response.Write "<li type=""circle"">"
Response.Write "<a href=""../carpeta/"
Response.Write file.Name & """>"
Response.Write "<b>" & file.Name
Response.Write "</b></a>   "
Response.Write "( Size: " & file.Size & " )   "
Next
Response.Write "</ul>"
Else
Response.Write "<ul><li type=""circle"">No hay archivos subidos.</ul>"
End If
%>
   </div>
</div>

</body>
</html>

Asi es como se muestra:


6
De todo un poco... / Editor HTML wysiwyg en español (BlueGriffon)
« en: 28 de Febrero 2017, 15:39 »
Hola, alguien sabe de un editor wysiwyg de paginas web que este en Español ??

Creo que se llaman wysiwyg los que puedes ver el resultado a la misma vez que vas colocando código.

Gracias.

7
Hola, tengo el siguiente código que me muestra un texto al pulsar sobre un enlace, pero si pulso sobre otro enlace sigue mostrando el texto anterior.

Que código tengo que poner para que si pulso otro enlace oculte el texto que se este mostrando, o si el código que hay que poner es mas fácil hacerlo para que al pulsar pulsar cualquier enlace oculte todos los textos tambien me sirve.

Este es el codigo con el que muestro el contenido de un enlace:


Código: [Seleccionar]
<html>
<head>
<script>
function mostrar(id) {
  obj = document.getElementById(id);
  obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' : 'hidden';
}
</script>

</head>
<body>
<a href="#" onclick="mostrar('divTexto1'); return false" />Mostrar/Ocultar contenido UNO</a>
<div id="divTexto1" style="visibility:hidden">
Texto 1
</div>
<BR>

<a href="#" onclick="mostrar('divTexto2'); return false" />Mostrar/Ocultar contenido DOS</a>
<div id="divTexto2" style="visibility:hidden">
Texto 2</div>
<BR>

<a href="#" onclick="mostrar('divTexto3'); return false" />Mostrar/Ocultar contenido TRES</a>
<div id="divTexto3" style="visibility:hidden">
Texto 3
</div>
<BR>

<a href="#" onclick="mostrar('divTexto4'); return false" />Mostrar/Ocultar contenido CUATRO</a>
<div id="divTexto4" style="visibility:hidden">
Texto 4</div>
<BR>


<a href="#" onclick="mostrar('divTexto5'); return false" />Mostrar/Ocultar contenido CINCO</a>
<div id="divTexto5" style="visibility:hidden">
Texto 5
</div>
<BR>

<a href="#" onclick="mostrar('divTexto6'); return false" />Mostrar/Ocultar contenido SEIS</a>
<div id="divTexto6" style="visibility:hidden">
Texto 6
</div>
<BR>

<a href="#" onclick="mostrar('divTexto7'); return false" />Mostrar/Ocultar contenido SIETE</a>
<div id="divTexto7" style="visibility:hidden">
Texto 7
</div>
<BR>

<a href="#" onclick="mostrar('divTexto8'); return false" />Mostrar/Ocultar contenido OCHO</a>
<div id="divTexto8" style="visibility:hidden">
Texto 8</div>
<BR>

<a href="#" onclick="mostrar('divTexto9'); return false" />Mostrar/Ocultar contenido NUEVE</a>
<div id="divTexto9" style="visibility:hidden">
Texto 9
</div>
<BR>

<a href="#" onclick="mostrar('divTexto10'); return false" />Mostrar/Ocultar contenido DIEZ</a>
<div id="divTexto10" style="visibility:hidden">
Texto 10</div>
<BR>

</div>
</body>
</html>

un saludo.

8
Hola, no se si este es el sitio correcto para postearlo, pero me gustaría contribuir con esta traducción que ha realizado el amigo Oleada, se que para muchos les puede dar igual porque sabéis ingles, pero para otros como yo que no tenemos ni idea este tipo de traducciones que ponen el programa en español nos viene muy bien.

Como digo esta Traducido por Oleada, faltan algunas cosillas internas que no se pueden traducir porque están en el código.


Está traducción es para la versión instalable, no para la portable.
https://youtu.be/t7TLyelq8g0

Más información del programa ,en la página del autor.
Código: [Seleccionar]
https://www.sublimetext.com/3
Tamaño: 9 Mb ~
Sistema: 32 y 64 bits
Formato: rar
Programa: Ejecutable
Contraseña: Ninguna

Código: [Seleccionar]
www.upload.ee/files/6674665/ST3.rar.html
http://www119.zippyshare.com/v/vX3HWAaW/file.html 
https://1fichier.com/?bcfslz6pmu
www.4shared.com/rar/s7gUA_f5ce/ST3.html


Salu2.

9
Hola, para algunos puede ser un pequeño contratiempo, para mi tendría que decir que tengo un gran problema porque ya no se por donde meterle mano.

He buscado en el foro y no he visto nada sobre Web Components ni HTML Import, así que antes de nada, mi pregunta es si alguien sabe como con HTML Impor puedo poner un menu en todas las paginas web.

He probado de todo lo que he leido y videos que he visto y ya no se que mas intentar, tengo muchas paginas que son para visualizarlas en local, no van a ningún servidor, y que no tienen menú, quiero poner un menú que esta en una pagina HTML en todas las paginas "no puedo utilizar ningún otro como PHP", así si tengo que poner nuevas opciones al menú, no tenga que modificar pagina por pagina, solo lo cambiaría en la pagina que esta el menú y los cambios se mostrarían en el resto de paginas.

Eso parece que con HTML Import de Web Components se hace sin problemas y fácilmente, pero claro como se suele decir, sera para los entendidos en materia, en mi caso me esta costando encontrar la solución.

Hay alguien que me pueda ayudar a poner ese menú en el resto de paginas?


Gracias anticipadas.

10
Hola, como podréis comprobar no estoy muy puesto, y un poco liado, a ver si me podéis ayudar a resolver este problemilla.

Os cuento lo que estoy tratando de hacer… la página tiene que ser HTML, para poder crear luego una aplicación para Android, que tome por un lado las coordenadas del usuario donde se encuentra en ese momento, y luego desde una lista que seleccione una opción, esa opción tiene otras coordenadas.

He conseguido poner en una variable las coordenadas del usuario, no sé cómo poner en otra variable las otras coordenadas de la Lista.

Luego una vez que tenga las dos coordenadas, que las meta el Google Maps Navigation para iniciar el viaje.

Esto es lo que tengo creado en HTML:

Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es-es">
<head>
<title>Mapa</title>
<meta charset="utf-8">
</head>
<body>

    <script type="text/javascript">

    navigator.geolocation.getCurrentPosition( fn_ok, fn_error );
    var divMapa = document.getElementById('mapa');
    function fn_error() {
    divMapa.innerHTML = 'hay un problema al solicitar los datos';
    }
    function fn_ok( respuesta ){
    var lat = respuesta.coords.latitude;
    var lon = respuesta.coords.longitude;
   
divMapa.innerHTML = lat+','+lon;
    }
</script>

<form>
<label for="coordenadas">Capitales</label>
<select name="coor">
   <option selected value="0"> Elige un ciudad</option>
       <optgroup label="Listado 1">
        <option value="40.429507, -3.702206">Madrid</option>
        <option value="38.345720, -0.490034">Alicante</option>
        <option value="xxxxxx">Opción 3</option>
    </optgroup>
    <optgroup label="Lilstado 2">
        <option value="xxxxxx">Opción 4</option>
        <option value="xxxxxx">Opción 5</option>
        <option value="xxxxxx">Opción 3¡6</option>
    </optgroup>
 </select>
</form>

<a href="http://maps.google.com/maps?saddr=lat+','+lon&daddr=38.345720, -0.490034">Mostrar ruta</a>

</body>
</html>

P.D. el segundo valor de las coordenadas es donde tendría que ir las de la Lista, pero lo he puesto así para comprobar el resultado.

Gracias anticipadas.


11
Hola, intentando buscar información a un par de problemas que tengo, me encontré con este foro, no se si esta creado como apoyo para los que realizan algún curso, en cualquier caso os agradezco que estéis aquí prestando vuestra ayuda.

Salu2.

Páginas: [1]

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".