ayuda a "experimento de novato"

roma2722 · 3 Nov 2007, 08:43 · Solicitar retirada

hola compañer@s, estoy seguro que estareis cansad@s de responder a esto.Pero lo he intentado, y nada.

os explico, he copiado un script de un jueguecillo, pero al colocarlo, funciona bien, pero sale directo en la pagina, y no me gusta.
lo que he intentado ha sido, hacer un menu con varias cosas(tambien copiado)jiji.pero lo quiero personalizar como es logico no?.
lo que he intentado hacer es de ese menu, pinchar y que salga el juego en otra pagina, y por logica, que no me salga en la principal, osea, borralo de la principal(es que no se la terminologia)perdonadme.
mi experimento(que seguro que esta mal) :oops: ha sido abrir otra carpeta" juegos" dentro de esta otra donde he copiado el script, y he intentado darle la ruta y nada, creo que no sera correcto no?.
<div id="navegacion">
<ul>

<a href="#">Presentacion

<li class="juegos">juegos
<ul>

ahorcado

<a href="#">Fotos

<a href="#">Escuchar Musica

<a href="#">

</div>

como vereis tengo varios enlaces y en el de juegos quiero que salga el "ahorcado" el resto lo tengo vacio de momento, hasta que no aprenda(espero)

MERCI
salu2

Tania · 3 Nov 2007, 09:44 · Solicitar retirada

bueno, yo no entiendoo mucho de script, pero si lo quieres en otro lado lo suyo no sería copiarlo en esa otra página? En la que entras simplemente el enlace no?

TitoGallo · 3 Nov 2007, 12:11 · Solicitar retirada

prueba a hacerlo con el window.open no se si a eso te referiras...

en el link haz q vaya a una funcion de javaScript y alli pon un window.open("pagina.html", nombre/null, propiedades)

no se si con eso se soluciona lo que quieres

roma2722 · 3 Nov 2007, 16:01 · Solicitar retirada

Tania escribió:bueno, yo no entiendoo mucho de script, pero si lo quieres en otro lado lo suyo no sería copiarlo en esa otra página? En la que entras simplemente el enlace no?

hola Tania, lo tengo (o eso creo) asi, he abierto otra carpeta, y dento de esta otro index.html, donde he copiado el script. lo que no se si he puesto en el index principal la ruta o forma correcta .la ruta que he puesto ha sido la que escrito antes. no se, me lio como un caracol :oops:

no me queda nada que aprender uffffff.

MERCI
salu2

Yaneth · 3 Nov 2007, 16:16 · Solicitar retirada

Hola

yo lo haría asi:

el script, lo pongo en la página que quiero que salga
y la llamo por ejemplo

juego-de-perros.html

y en el menu, pongo el enlace a esa página (que contiene el script del juego)

enlace al juego

funcionará asi???

cualquier cosa nos avisas

saludos

roma2722 · 3 Nov 2007, 16:39 · Solicitar retirada

hola Yanet, salu2, he cambiado a esto:
<div id="navegacion">
<ul>

<a href="#">Presentacion

</"juegos.html">juegos
<ul>

ahorcado.html

<a href="#">Fotos

<a href="#">Peticiones descargas, si lo tengo

<a href="#">Descargas

</div>

pero no me sale directamente el juego, sino la pagina html, que debo clicar 2 veces, y entonces si se abre, pero yo quiero 2 cosa,
1º que me saliera, al pulsar en el menu sobre juegos, me salgan los nombres de todos,(es que pienso poner varios), y al clicar sobre uno de estos, que me saliese directamente para jugar ese juego.

mucho pedir para un novato no? o quiero ir muy deprisa?. :oops:

perdonad, ya se que pido mucho.
:wink:
MERCI
salu2

TitoGallo · 3 Nov 2007, 18:46 · Solicitar retirada

prueba a ver si te funciona esto...

<html>
<head>
<script language="javaScript">
function fMostrar(num){
if( num == 1 ){
document.getElementById('resultados').style.display = '';
document.dibu.MostrarJuegos.style.display = 'none';
document.dibu.OcultarJuegos.style.display = '';
}
if( num == 0 ){
document.getElementById('resultados').style.display = 'none';
document.dibu.OcultarJuegos.style.display = 'none';
document.dibu.MostrarJuegos.style.display = '';
}
}
</script>
</head>
<body>
<form name="dibu" id="dibu" method="post" action="">
<table width="100%" BORDER=0 ALIGN="center" CELLSPACING=1 CELLPADDING=1 id="mostrarJ">
<tr>
<td>[contenido no disponible]</td>
</tr>
<tr>
<td>[contenido no disponible]</td>
</tr>
</table>
</form>

<table width="100%" BORDER=0 ALIGN="center" CELLSPACING=1 CELLPADDING=1 id="resultados" name="resultados" style="display:'none'">
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
</table>

</body>
</html>

cambia SRC="../images/arriba.gif y SRC="../images/abajo.gif por imagenes tuyas y pon bien la ruta de las imagenes....

espero q te valga... :wink:

roma2722 · 3 Nov 2007, 19:45 · Solicitar retirada

hola TitoGallo, he copiado todo esto y no funciona, hace lo mismo.

he cambiado lo que me has dicho por esto:
<td>[contenido no disponible]</td>
</tr>
<tr>
<td>[contenido no disponible]</td>
</tr>

ya que el juego lo tengo en una carpeta que se llama "juegos", en una pagina html que se llama "ahorcado.html", pero lo dicho, no me salen opciones, y directamente me sale una ventana con ese codigo, pero directamente el juego no :cry:

no se que hago mal :oops:

MERCI
salu2

TitoGallo · 3 Nov 2007, 19:51 · Solicitar retirada

entonces cambialo por esto... "../ahorcado.html"

si puedes ponme como tienes distribuidas las carpetas y dnd tienes la pagina actual para ver mejor las cosas

io llevo poco tiempo dando html/asp por eso no soi muy bueno respondiendo, especificas todo lo q puedas, gracias ;)

roma2722 · 3 Nov 2007, 23:32 · Solicitar retirada

hola TitoGallo, ya he probado todo, y nada, te mando com estan las carpetas okis?:
[contenido no disponible]

por cierto, solo se me pone un recuadro chiquito arriba a la izquierda que al poner el puntero encima me dice, mostrar u ocultar juegos, y ya esta

MERCI

salu2

perdon por no contestar antes, pero tenia problemas con un virusako :lol:

TitoGallo · 4 Nov 2007, 00:00 · Solicitar retirada

y la pagina en la q estas programando como se llama ??

roma2722 · 4 Nov 2007, 07:01 · Solicitar retirada

hola, la pagina principal es la "web.primera" ,index.html, donde tengo el juego "ahorcado.html" y la pagina colgada, la que esta azul.

como ves, el script lo he colocado en "ahorcado.html",que no se si es correcto :oops: entonces, la ruta que le doy es:juegos/ahorcado.html desde la pagina principal"index.html"

MERCI

salu2

Tania · 4 Nov 2007, 11:02 · Solicitar retirada

Por lo que yo entiendo y corregidme porfavor si me equivoco. Tu necesitas en cualquier caso una página para el juego. Que te salga al pinchar en enlace en otra pantalla o en la misma del menú depende de si tu al enlace le has dicho que salga en otra pantalla o que te abra otra nueva, ya sabes con el target le fuerzas a que abra una nueva ventana o se te abra en esa misma. Ahora bien, si tus documentos no tienen frames, o plantillas la pagina de inicio será toda sustituida por la del juego. Yo te indicaba lo mismo que Yhanet

roma2722 · 4 Nov 2007, 12:03 · Solicitar retirada

hola a todos, yaaaaaaaaaaaa esta. :D :D he puesto esto, no se si sera lo correcto, pero me va:
</div>
<div id="navegacion">
<ul>

<a href="#">Presentacion

<li class="juegos">juegos
<ul>

ahorcado

<a href="#">Fotos
<li class="escuchar musica">escuchar musica

musica

</div>

pero ahora me surje una duda,(es que no paro) si por ejemplo pongo otro juego, asi me saldran al pinchar sobre el boton de juego las 2 o mas opciones de los juegos? :roll:

MERCI
salu2

Tania · 4 Nov 2007, 12:22 · Solicitar retirada

Tendrás que poner un submenu en el menu juegos para que te vayan saliendo todos los que vayas poniendo.
lo suyo sería:
<ul>
<a href="#">Presentacion

<li class="juegos">juegos</a>
<ul>
ahorcado

<a href="etc">

Y siendo que es una lista los
sobran no? Ya de hecho sale ordenada

TitoGallo · 4 Nov 2007, 12:33 · Solicitar retirada

lo que hiciste te sirve como parche para el primer ejemplo, q io sepa para el resto no.

<div id="navegacion">
<ul>

<a href="#">Presentacion

juegos
<ul>

ahorcado

<a href="">

no te sirve poniendo eso solo ???

PD. Perdoname pero io no me se explicar muy bien

roma2722 · 4 Nov 2007, 12:55 · Solicitar retirada

gracias a todos compañer@s, pero nada, con las dos opciones que me dais, al señalar en el menu juegos, no me sale la tipica "mano", y no me sale nada.

que paciencia teneis.

MERCI
salu2

seguire haciendo pruebas, porque seguro que es algo que tengo mal.

TitoGallo · 4 Nov 2007, 12:57 · Solicitar retirada

pero como no te va a funcionar esto??

<div id="navegacion">
<ul>

<a href="#">Presentacion

juegos
<ul>

ahorcado

buscaminas

</div>

si io he probado eso y cuando le doy a ahorcado me abre la pagina de ahorcado.html ???

igual no te estoi entendiendo...

roma2722 · 4 Nov 2007, 13:30 · Solicitar retirada

hola compañero, con esto me salen los enlaces de los juegos, pero me salen aparte,yo lo que quiero es hacer no se si se llama "
menu desplegable". osea, que al pinchar en menu, me salgan los dos enlaces ocultos de los juegos, y al clicar en estos, salgan.

no se si me explico, es que soy torpe para esto, de todas formas os dejo la pag para que lo veais mejor.
[contenido no disponible]

MERCI
salu2

TitoGallo · 4 Nov 2007, 18:09 · Solicitar retirada

esto a mi me funciona, pero no se si es lo q querias:

<html>
<head>
<title>Page title</title>
<script language="JavaScript" type="text/javascript">
function verJuegos(){
if( document.getElementById("juegos").style.display == '' ){
document.getElementById("juegos").style.display = 'none';
}else{
document.getElementById("juegos").style.display = '';
}
}
</script>
</head>
<body>

<div id="navegacion">
<ul>

Presentacion
<li onclick="javaScript:verJuegos();" style="cursor: hand">juegos
<ul id="juegos" style="display='none'">
<li id="juego1">ahorcado
<li id="juego2">buscaminas

</div>

tienes dos titulos llamado presentacion y juegos; cuando clickas en juegos aparecen los dos juegos y si le vuelves a dar desaparecen (lo de aparecer/desaparecer lo hace la funcion de javaScript)

saludos :wink:

roma2722 · 7 Nov 2007, 23:33 · Solicitar retirada

hola titogallo, perdonad por no haber respondido antes, pero como dije he tenido problemas de virus.
bueno, pues mira que sere malo :x que no se hacerlo,he probado todo lo que me habeis dicho, y nada,os pego todo mi index, a ver si le veis algo, por favor, porque con la ilusion que tenia en hacer mi primera pag, me estoy desmoralizando :cry: :cry:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Pagina principal de mi primera web</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">

</head>
<bgsound src="x012-john-lennon-imagin.mid" loop="1">
<body>
Agregar a favoritos
Agregar como Pagina de Inicio.
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>

[correo eliminado]</p>

</div>
<div id="navegacion">
<ul>

<a href="#">Presentacion

videos

juegos

ahorcado

tetris
<li class="escuchar musica">escuchar musica

musica

</div>

<div id="menu">
<h1>Título de Sección 1</h1>

<ul>

Enlace 1

Enlace 2

Enlace 3
</div>
<h1>Esta es la zona principal de la web</h1>
</div>

pagina enlace de mi empresaREHIN DECOIS.S.L.</p>
[correo eliminado]

pagina creada gracias a CCTW</p>
<table border=0 width=1 height=1 cellpadding=0 cellspacing=0><tr><td>[contenido no disponible]</td><td>[contenido no disponible]</td><td>[contenido no disponible]</td><td>[contenido no disponible]</td><td>[contenido no disponible]</td></tr></table>
<object id="MediaPlayer" width="300" height="300" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsm
p2inf.cab#Version=5,1,52,701" standby="Espere" type="application/x-oleobject">
<param name="FileName" value="videos/gatovolador.avi">
<param name="AutoStart" value="0">
<param name="ShowControls" value="true">
<param name="ShowStatusBar" value="true">
<param name="DisplaySize" value="1">
</object>
<div id="pie">
<div id="pieuno">
<ul>

pagina creada por Manuel Alvarez

</div>
<div id="piedos">empezada el 22 de octubre de 2007</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web

</div>
<div id="curva-inferior"></div>
</div>
<div id="logotipo">

</body>
</html>

pongo tambien la hoja de estilos, aver
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {background-color: #E6E6FA}
#global {width:800px ; margin:4px auto }

#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: lorange ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#pie {border-left: black 1px solid ; border-right: black 1px solid ;
border-top: black 1px solid ; height: 65px }
#pie li {list-style: none ; font-size: 12px }
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px }
#pietres {float:left ; width:150px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#navegacion ul {
padding: 0px;
margin: 0px;
list-style: none;
text-align:left
}

#navegacion li {
float: left;
position: relative;
width:5em;
list-style: none;
}
li ul { /* second-level lists */
display: none;
position: absolute;
top: 1.2em;
left: 0;
float:left;
list-style:none;
width:8.5em;
background-color:#32CD32
}

#navegacion li>ul {
top: auto;
left: auto;
float:left
list-style:none;
}

#navegacion li:hover ul, li.over ul { /
display: block;
float:left;
list-style:none;
}

#content {
clear: left;
float:left;
list-style:none
}

bueno, tanto si podeis ayudarme, como si no muuuuuuuuuuchas gracias.
salu2