Aprende Joomla con el libro "Creación y administración web con Joomla. Curso paso a paso" 2ª Edición. 168 pgs. Editorial aprenderaprogramar.com. Disponible en formato papel y ebook.
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.
<!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>
<script
src="https://code.jquery.com/jquery-1.12.4.min.js"
integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
crossorigin="anonymous">
</script>
<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>
https://android-arsenal.com/details/1/5508function Entrar(password) {window.location=password+".html"}
<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>
<style type="text/css">
div {
margin-top: 10px;
{
</style>
<%@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>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Textos</title>
<script src="http://code.jquery.com/jquery-2.1.4.js"></script>
<style type="text/css">
a{
display:block;
text-decoration:none;
}
body {
background-color: white;
background-image: url(fondo.jpg);
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.texto1{
font-size:70px;
text-shadow: 2px 2px 10px black, 0 0 0 white, 0 0 0.2em grey; color: black;
margin-top: 0px;
margin-bottom: 0px;
}
.texto2{
font-size:50px;
text-shadow: 2px 2px 10px black, 0 0 0 white, 0 0 0.2em grey; color: Red;
margin-top: 0px;
margin-bottom: 0px;
}
</style>
</head>
<body>
<center>
<div class="container-fluid">
<div class="row">
<p>
<p>
<div class="col-sm-4 col-xs well">
<a href="#info1" class="inf">Pulsa para mostrar texto 1</a>
</div>
<div id="info1" class="col-xs-12 well oculto">
<p class="texto1">Texto 1</p>
<p class="texto2">Texto 1</p>
</div>
<p>
<p>
<div class="col-sm-4 col-xs well">
<a href="#info2" class="inf">Pulsa para mostrar texto 2</a>
</div>
<div id="info2" class="col-xs-12 well oculto">
<p class="texto1">Texto 2</p>
<p class="texto2">Texto 2</p>
</div>
<p>
<p>
<div class="col-sm-4 col-xs well">
<a href="#info3" class="inf">Pulsa para mostrar texto 3</a>
</div>
<div id="info3" class="col-xs-12 well oculto">
<p class="texto1">Texto 3</p>
</div>
<p>
<p>
<div class="col-sm-4 col-xs well">
<a href="#info4" class="inf">Pulsa para mostrar texto 4</a>
</div>
<div id="info4" class="col-xs-12 well oculto">
<p class="texto2">Texto 4</p>
</div>
</div>
</div>
</center>
<script type="text/javascript">
jQuery(document).ready(function(){
$(".oculto").hide();
$(".inf").click(function(){
var nodo = $(this).attr("href");
if ($(nodo).is(":visible")){
$(nodo).hide();
return false;
}else{
$(".oculto").hide("slow");
$(nodo).fadeToggle("fast");
return false;
}
});
});
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Mostrar Div y Ocultar Otro</title>
<script src="http://code.jquery.com/jquery-2.1.4.js"></script>
</head>
<body>
<div class="container-fluid">
<div class="row">
<!-- INFORAMCION 1 -->
<div class="col-sm-4 col-xs well">
<a href="#info1" class="inf">Block 1</a>
</div>
<div id="info1" class="col-xs-12 well oculto">
<p>Texto 1</p>
</div>
<!-- INFORAMCION 2 -->
<div class="col-sm-4 col-xs well">
<a href="#info2" class="inf">Block 2</a>
</div>
<div id="info2" class="col-xs-12 well oculto">
<p>Texto 2</p>
</div>
<!-- INFORAMCION 3 -->
<div class="col-sm-4 col-xs well">
<a href="#info3" class="inf">Block 3</a>
</div>
<div id="info3" class="col-xs-12 well oculto">
<p>Texto 3</p>
</div>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function(){
$(".oculto").hide();
$(".inf").click(function(){
var nodo = $(this).attr("href");
if ($(nodo).is(":visible")){
$(nodo).hide();
return false;
}else{
$(".oculto").hide("slow");
$(nodo).fadeToggle("fast");
return false;
}
});
});
</script>
</body>
</html>
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
RSS -
WAP2