|
|
| Autor | Mensaje |
DiStOrSioN_69
Webmaster Habitual
Mensajes: 34
Desde: 19/Dic/2004 | Ayuda con un codigo
Hola estoy intentando hacer que cuando clickeas sobre una parte de una imgen salga debajo de esta una cosa u otra:
Lo que no se hacer es como si cambiar de pagina cuando alguien haga click sobre una de las zonas determinadas, debajo de la imagen aparezca un texto especifico para cada zona.
Por ejemplo si se hace click sobre canarias debajo de la imagen del mapa ponga
"Canarias las islas afortunadas" y si despues se hace click sobre otra zona ponga el texto especifico de la otra zona, pero que el de canarias ya no aparezca
Este es el codigo:
Selecciona La Comunidad Autónoma Deseada :.</b></font></p>
<p style="margin-top: 0pt; margin-bottom: 0pt;" align="center"> </p>
<p style="margin-top: 0pt; margin-bottom: 0pt;" align="center">
<map name="FPMap1"><area href="/canarias/" shape="polygon" coords="238, 332, 240, 288, 285, 263, 391, 266, 385, 338"><area href="/ibaleares/" shape="polygon" coords="297, 194, 339, 142, 372, 135, 399, 131, 399, 146, 381, 183, 386, 198, 340, 200, 300, 203, 299, 190"><area href="/cataluna/" shape="polygon" coords="272, 118, 287, 39, 325, 55, 342, 55, 354, 50, 355, 60, 352, 80, 328, 97, 298, 115, 288, 124, 281, 125"><area href="/aragon/" shape="polygon" coords="269, 119, 284, 43, 241, 40, 225, 64, 228, 75, 213, 73, 215, 85, 207, 96, 212, 104, 221, 109, 221, 122, 221, 135, 228, 141, 239, 148, 251, 137, 254, 118"><area href="/valencia/" shape="polygon" coords="274, 198, 258, 167, 273, 140, 281, 126, 267, 120, 260, 120, 262, 131, 249, 149, 241, 155, 231, 160, 226, 169, 238, 187, 244, 195, 242, 208, 241, 221, 247, 229"><area href="/murcia/" shape="polygon" coords="244, 239, 238, 217, 234, 204, 231, 195, 225, 208, 215, 210, 205, 217, 202, 225, 209, 228, 215, 241, 221, 246, 237, 240"><area href="/andalucia/" shape="polygon" coords="101, 296, 118, 281, 141, 271, 188, 275, 204, 268, 217, 253, 217, 245, 195, 226, 191, 208, 143, 211, 116, 198, 104, 215, 87, 225, 58, 222, 46, 235, 45, 254, 64, 254, 82, 267, 81, 282, 92, 297, 102, 292, 100, 292, 105, 295"><area href="/ceuta/" coords="101, 300, 137, 302, 119, 315, 88, 315" shape="polygon"><area href="/melilla/" coords="149, 306, 193, 303, 177, 326, 165, 326" shape="polygon"><area href="/extremadura" shape="polygon" coords="81, 132, 93, 138, 105, 140, 106, 148, 116, 172, 124, 176, 118, 188, 101, 205, 93, 213, 83, 220, 69, 217, 54, 209, 54, 194, 59, 189, 61, 176, 49, 162, 62, 162, 67, 142"><area href="/castillalamancha/" shape="polygon" coords="113, 150, 127, 172, 127, 190, 124, 199, 155, 206, 184, 206, 200, 217, 212, 211, 228, 195, 236, 192, 223, 177, 226, 158, 221, 143, 208, 130, 214, 123, 214, 108, 195, 108, 179, 103, 172, 105, 172, 121, 182, 141, 175, 153, 152, 154, 152, 144, 139, 141"><area href="/madrid/" coords="142, 138, 160, 143, 171, 144, 176, 140, 166, 119, 164, 110, 150, 118, 140, 129" shape="polygon"><area href="/castillayleon/" shape="polygon" coords="69, 133, 72, 107, 83, 97, 93, 89, 85, 82, 72, 68, 72, 47, 73, 39, 117, 33, 138, 36, 139, 42, 157, 49, 159, 32, 170, 32, 168, 42, 172, 46, 173, 60, 173, 77, 193, 77, 197, 69, 213, 82, 201, 95, 197, 105, 187, 96, 172, 94, 143, 118, 125, 135, 110, 135, 84, 128"><area href="/galicia/" shape="polygon" coords="39, 11, 52, 11, 57, 12, 63, 27, 63, 42, 65, 58, 61, 67, 50, 74, 37, 71, 34, 63, 16, 58, 16, 49, 6, 30, 20, 17"><area href="/asturias/" coords="80, 10, 103, 13, 129, 19, 136, 20, 113, 28, 91, 30, 72, 33, 66, 21, 68, 15" shape="polygon"><area href="/cantabria/" shape="polygon" coords="129, 26, 130, 29, 143, 34, 153, 43, 154, 26, 166, 25, 172, 23, 162, 18, 141, 21, 134, 20, 134, 23, 138, 16, 133, 18, 133, 23, 136, 23, 136, 18, 134, 23"><area href="/paisvasco/" coords="176, 29, 181, 48, 197, 50, 207, 29, 209, 27, 189, 22" shape="polygon"><area href="/navarra/" shape="polygon" coords="210, 24, 241, 36, 220, 55, 224, 71, 216, 71, 204, 52, 199, 52, 214, 20, 214, 25, 241, 36"><area href="/larioja/" coords="178, 50, 208, 54, 213, 72, 210, 75, 197, 64, 189, 70, 179, 65, 178, 46" shape="polygon">
</map>
<img src="http://espacioforos.miarroba.com/395714/mapaespana.JPG" usemap="#FPMap1" border="0" height="339" width="400"></p>
|  29/Abr/2006 17:21 GMT+1 |  Perfil ·  Privado ·  Desconectado ·  Web | EffectedCard
Administrador
 Usuario PRO
Mensajes: 9.012
Desde: 16/Oct/2004 | RE: Ayuda con un codigo
Has de añadir alt="Texto"
Por ejemplo el de andalucia quedaria:
<area shape="polygon" coords="101, 296, 118, 281, 141, 271, 188, 275, 204, 268, 217, 253, 217, 245, 195, 226, 191, 208, 143, 211, 116, 198, 104, 215, 87, 225, 58, 222, 46, 235, 45, 254, 64, 254, 82, 267, 81, 282, 92, 297, 102, 292, 100, 292, 105, 295" href="/andalucia/" alt="Andalucia">
Eso saldria al poner el cursor sobre esa zona
| | 29/Abr/2006 20:43 GMT+1 | Perfil · Privado · Desconectado · Web | DiStOrSioN_69
Webmaster Habitual
Mensajes: 34
Desde: 19/Dic/2004 | RE: Ayuda con un codigo
Eso no es exactamente lo que busco, me gustaria que debajo del mapa apareciese una parrafada cuando pinches sobre el o si es posible simplemente cuando pases el raton por encima.
Esta solucion que me das esta bien para pequeños datos, pero para una parrafada....
| | 01/May/2006 22:09 GMT+1 | Perfil · Privado · Desconectado · Web | EffectedCard
Administrador
Usuario PRO
Mensajes: 9.012
Desde: 16/Oct/2004 | RE: Ayuda con un codigo
Entonces te puedo explicar un poco pero no decirte el codigo.
Lo que has de hacer es una funcion que al estar el cursor encima muestre una capa con el texto (para que te aclares seria algo similar al mi@messenger solo que en vez de al clicar al pasar el cursor). Luego al quitarlo de encima ha de desaparecer.
| | 01/May/2006 22:24 GMT+1 | Perfil · Privado · Desconectado · Web | DiStOrSioN_69
Webmaster Habitual
Mensajes: 34
Desde: 19/Dic/2004 | RE: Ayuda con un codigo
yo habia pensado algo parecido al menu superior, pero no se como hacerlo
| | 01/May/2006 22:44 GMT+1 | Perfil · Privado · Desconectado · Web | EffectedCard
Administrador
Usuario PRO
Mensajes: 9.012
Desde: 16/Oct/2004 | RE: Ayuda con un codigo
Si, es basicamente eso solo que con la capa flotante en vez de fija.
| | 01/May/2006 23:02 GMT+1 | Perfil · Privado · Desconectado · Web | DiStOrSioN_69
Webmaster Habitual
Mensajes: 34
Desde: 19/Dic/2004 | RE: Ayuda con un codigo
me podrias decir como seria el esqueleto del codigo, la verdad es que eso ya me queda un poco grande, en el momento que hay que meter javascript.....
| | 01/May/2006 23:10 GMT+1 | Perfil · Privado · Desconectado · Web | DiStOrSioN_69
Webmaster Habitual
Mensajes: 34
Desde: 19/Dic/2004 | RE: Ayuda con un codigo
no me funciona lo del alt="Texto" o por lo menos firefox no me lo muestra y koqueror tampoco
| | 05/May/2006 10:51 GMT+1 | Perfil · Privado · Desconectado · Web | DiStOrSioN_69
Webmaster Habitual
Mensajes: 34
Desde: 19/Dic/2004 | RE: Ayuda con un codigo
en vez de usar el alt="Texto" he usado el title="Texto" y eso si me funciona.
En ese Texto hay alguna forma de meter retornos de carro y eso para que en ultimo caso poder poner ahi la informacion???
codigo:
Selecciona La Comunidad Autónoma Deseada :.</b></font></p>
<p style="margin-top: 0pt; margin-bottom: 0pt;" align="center"> </p>
<p style="margin-top: 0pt; margin-bottom: 0pt;" align="center">
<map name="FPMap1"><area href="http://canarias/" title="canarias" shape="polygon" coords="238, 332, 240, 288, 285, 263, 391, 266, 385, 338"><area href="http://ibaleares/" title="ibaleares" shape="polygon" coords="297, 194, 339, 142, 372, 135, 399, 131, 399, 146, 381, 183, 386, 198, 340, 200, 300, 203, 299, 190"><area href="http://cataluna/" title="cataluña" shape="polygon" coords="272, 118, 287, 39, 325, 55, 342, 55, 354, 50, 355, 60, 352, 80, 328, 97, 298, 115, 288, 124, 281, 125"><area href="http://aragon/" title="aragon" shape="polygon" coords="269, 119, 284, 43, 241, 40, 225, 64, 228, 75, 213, 73, 215, 85, 207, 96, 212, 104, 221, 109, 221, 122, 221, 135, 228, 141, 239, 148, 251, 137, 254, 118"><area href="http://valencia/" title="valencia" shape="polygon" coords="274, 198, 258, 167, 273, 140, 281, 126, 267, 120, 260, 120, 262, 131, 249, 149, 241, 155, 231, 160, 226, 169, 238, 187, 244, 195, 242, 208, 241, 221, 247, 229"><area href="http://murcia/" title="murcia" shape="polygon" coords="244, 239, 238, 217, 234, 204, 231, 195, 225, 208, 215, 210, 205, 217, 202, 225, 209, 228, 215, 241, 221, 246, 237, 240"><area href="http://andalucia/" title="andalucia" shape="polygon" coords="101, 296, 118, 281, 141, 271, 188, 275, 204, 268, 217, 253, 217, 245, 195, 226, 191, 208, 143, 211, 116, 198, 104, 215, 87, 225, 58, 222, 46, 235, 45, 254, 64, 254, 82, 267, 81, 282, 92, 297, 102, 292, 100, 292, 105, 295"><area href="http://ceuta/" title="ceuta" coords="101, 300, 137, 302, 119, 315, 88, 315" shape="polygon"><area href="http://melilla/" title="melilla" coords="149, 306, 193, 303, 177, 326, 165, 326" shape="polygon"><area href="http://extremadura/" title="extremadura" shape="polygon" coords="81, 132, 93, 138, 105, 140, 106, 148, 116, 172, 124, 176, 118, 188, 101, 205, 93, 213, 83, 220, 69, 217, 54, 209, 54, 194, 59, 189, 61, 176, 49, 162, 62, 162, 67, 142"><area href="http://castillalamancha/" title="castilla la mancha" shape="polygon" coords="113, 150, 127, 172, 127, 190, 124, 199, 155, 206, 184, 206, 200, 217, 212, 211, 228, 195, 236, 192, 223, 177, 226, 158, 221, 143, 208, 130, 214, 123, 214, 108, 195, 108, 179, 103, 172, 105, 172, 121, 182, 141, 175, 153, 152, 154, 152, 144, 139, 141"><area href="http://madrid/" title="madrid" coords="142, 138, 160, 143, 171, 144, 176, 140, 166, 119, 164, 110, 150, 118, 140, 129" shape="polygon"><area href="http://castillayleon/" title="castilla-leon" shape="polygon" coords="69, 133, 72, 107, 83, 97, 93, 89, 85, 82, 72, 68, 72, 47, 73, 39, 117, 33, 138, 36, 139, 42, 157, 49, 159, 32, 170, 32, 168, 42, 172, 46, 173, 60, 173, 77, 193, 77, 197, 69, 213, 82, 201, 95, 197, 105, 187, 96, 172, 94, 143, 118, 125, 135, 110, 135, 84, 128"><area href="http://galicia/" title="galicia" shape="polygon" coords="39, 11, 52, 11, 57, 12, 63, 27, 63, 42, 65, 58, 61, 67, 50, 74, 37, 71, 34, 63, 16, 58, 16, 49, 6, 30, 20, 17"><area href="http://asturias/" title="asturias" coords="80, 10, 103, 13, 129, 19, 136, 20, 113, 28, 91, 30, 72, 33, 66, 21, 68, 15" shape="polygon"><area href="http://cantabria/" title="cantabria" shape="polygon" coords="129, 26, 130, 29, 143, 34, 153, 43, 154, 26, 166, 25, 172, 23, 162, 18, 141, 21, 134, 20, 134, 23, 138, 16, 133, 18, 133, 23, 136, 23, 136, 18, 134, 23"><area href="http://paisvasco/" title="pais vasco" coords="176, 29, 181, 48, 197, 50, 207, 29, 209, 27, 189, 22" shape="polygon"><area href="http://navarra/" title="navarra" shape="polygon" coords="210, 24, 241, 36, 220, 55, 224, 71, 216, 71, 204, 52, 199, 52, 214, 20, 214, 25, 241, 36"><area href="http://larioja/" title="la rioja" coords="178, 50, 208, 54, 213, 72, 210, 75, 197, 64, 189, 70, 179, 65, 178, 46" shape="polygon">
</map>
<img src="http://espacioforos.miarroba.com/395714/mapaespana.JPG" usemap="#FPMap1" border="0" height="339" width="400"></p>
| | 05/May/2006 11:13 GMT+1 | Perfil · Privado · Desconectado · Web |  · Portal · Foros · HTML, Javascript y CSS |
| Temas similares | Autor | # | Visitas | Último post | | Ayuda con codigo | 16/Nov/2006, 21:25
diorvama | 1 | 159 | 17/Nov/2006, 10:11
FORZALAZIO15  | | Ayuda con codigo HTML | 26/Oct/2006, 04:20
fernandezfranco | 1 | 205 | 26/Oct/2006, 14:24
EffectedCard | | AYUDA CON UN CODIGO HTML! | 10/Ene/2008, 20:11
infinito23 | 8 | 125 | 12/Ene/2008, 02:56
infinito23 | | AYUDA CODIGO | 12/Mar/2007, 22:19
Dark-NightWish | 1 | 158 | 12/Mar/2007, 23:48
EffectedCard | | Ayuda con un menu | 21/Ene/2008, 18:11
Fran.MV | 4 | 64 | 21/Ene/2008, 19:20
EffectedCard |
|
Crea tu foro GRATIS
Usuario
Estadisticas
Funciones
Afiliados
