últimos mensajes de: ChIkO PoTTeR

Mostrar Mensajes
Páginas: [1]

Programación / Desarrollo Web / Re: Anclas que no funcionan en diferentes DIV de mi web

en: 27 Septiembre 2010, 02:31 am

reemplaza el texto "Opcion 1" por tus div

Asi:

Código

	<div id="menu" style="border: solid 1px Red; height: 800px; width: 100px;">
		<ul>
			<li>
				<a href="#op1">
					<div style="background-image: url(image1.png); width: 25px; height: 25px; cursor: pointer;">
					</div>
				</a>
			</li>
			<li>
				<a href="#op2">
					<div style="background-image: url(image2.png); width: 25px; height: 25px; cursor: pointer;">
					</div>
				</a>
			</li>
			<li>
				<a href="#op3">
					<div style="background-image: url(image3.png); width: 25px; height: 25px; cursor: pointer;">
					</div>
				</a>
			</li>
		</ul>
	</div>

Programación / Desarrollo Web / Re: Anclas que no funcionan en diferentes DIV de mi web

en: 23 Septiembre 2010, 06:46 am

el href del pageink si funciona, igual te dejo un ejemplo por si tienes dudas.

Código

<html>
<head>
<title>Anclas - Anchor</title>
</head>
 
<body>
	<div id="menu" style="border: solid 1px Red; height: 800px; width: 100px;">
		<ul>
			<li><a href="#op1">Opcion 1</a></li>
			<li><a href="#op2">Opcion 2</a></li>
			<li><a href="#op3">Opcion 3</a></li>
		</ul>
	</div>
	<div id="opciones" style="width: 100px;">
		<div id="op1" style="border: solid 1px Blue; width: 100px; height: 300px;">
			Opcion 1
			<a href="#menu">Volver</a>
		</div>
		<div id="op2" style="border: solid 1px Black; width: 100px; height: 400px;">
			Opcion 2
			<a href="#menu">Volver</a>
		</div>
		<div id="op3" style="border: solid 1px Green; width: 100px; height: 500px;">
			Opcion 3
			<a href="#menu">Volver</a>
		</div>
	</div>
</body>
</html>

Programación / Desarrollo Web / Re: javascript que me verifique conexion a servidor

en: 23 Septiembre 2010, 06:26 am

Código

<html>
<head>
<title>Conexion</title>
<script type="text/javascript" language="javascript">
	var connected = true;
	function refresh() {
		if(connected) {
			var div = document.getElementById('online');
			div.style.display = "block";
			setTimeout('document.location.reload()', 5000);
		} else {
			var div = document.getElementById('offline');
			div.style.display = 'block';
			setTimeout('document.location.reload()', 10000);
		}
	}
 
	function offline() {
		connected = false;
		refresh();
	}
</script>
</head>
 
<body>
<img src="image.png" onload="refresh();" onerror="offline();" style="display: none;" />
<div id="online" style="display: none; color: Green; font-weight: bold;">
	Estas Conectado
</div>
<div id="offline" style="display: none; color: Red; font-weight: bold;">
	Estas Desconectado
</div>
</body>
</html>

Colocalo asi... corre bien

Páginas: [1]