quitar imagen : display block

kaninox · #1 (**permalink**) 06/08/2009, 19:28

holas gente, bueno les cuento tengo un codigo el cual se ejecuta al presionar sobre una imagen...
lo que quiero es que se ejecute el script pero sin pasar por la imagen, formulo aqui mi pregunta ya que supongo que el problema lo da display:block de CSS y espero me sugieran alguna idea o forma de ejecutar mi script sin pasar por la imagen, si quito display:block el script no funciona debe haber algo mas que me envia el a de href y rtpm pero no logro ver el problema mi codigo es :

Código php:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<script src="http://www.miweb/stream/flowplayer-3.1.1.min.js"></script>
<style>
html,body {
        margin:0px;
        padding:0px;
        min-height:100&#37;;
    font-family: Verdana;
    font-size: 13px;
    color: #FFFFFF;
    }
a.rtmp {
    display:block;
    width:800px;
    height:480px;
    text-align:center;
}
a.rtmp img {
    border:0px;
}
a{
outline:none;
}
</style>
 
<a class="rtmp" href="#">
<img src="showme.png"  />
</a>
 
</style>
<script type="text/javascript">
 
$f("a.rtmp", "http://www.miweb/stream/flowplayer-3.1.1.swf", { 
 
    clip: {
 
        provider: 'rtmp',
                url: 'vidz'
    }, 
 
    plugins: {
      rtmp: {
        url: 'http://www.miweb/stream/flowplayer.rtmp-3.1.0.swf',
        netConnectionUrl: 'rtmp://www.miweb/stream'
        
      }
    }
});
</script>

kseso? · #2 (**permalink**) 07/08/2009, 06:56

Hola Kaninox.
No acabo de entender muy bien tus intenciones, más por desconocimiento mio de js que otra cosa.
Lo que si veo en el código que has puesto es que tienes un error, cierras los estilos colocas un enlace y vuelves a cerrar los estilos. Esté en el head o esté dentro del body, una de las dos cosas está fuera de lugar (o el enlace o el cierre de los estilos). Supongo que error al acortar el código para postearlo.

Cita:

</style>

<a class="rtmp" href="#">
<img src="showme.png" />
</a>

</style>

Si lo que quieres es quitar la imagen y que el resto de características se mantengan, puedes sustituirla por una imagen de 1px transparente.

kaninox · #3 (**permalink**) 07/08/2009, 10:28

pues gracias kseso? sep se me fue lo del script, pero al tema no me sirve poner una imagen transparente, la verdad la imagen hace correr el script una ves le doy click, no se como quitar la imagen y que el script funcione sin pasar por ella, la class rtmp no se como la envia y yo supuse que algo tenia que ver css por el tema del display block :/ pero veo que esto va por el lado del javascript mas que nada.....

saludos...

kseso? · #4 (**permalink**) 07/08/2009, 10:58

Supongo (y aquí sale la bendita/atrevida ignorancia ;) ) que lo que hace correr el script es el enlace (y no el objeto con el que presentes el enlace (la imagen). El display 'block' es para que el enlace pueda tener las dimensiones que le indicas (800x480 px), ya que por naturaleza es un elemento de línea.

Supongo, que será igual de efectivo si sustituyes el enlace por un '.' (signo de puntuación) o la imagen que te decía antes de 1px transparente) y cambias la anchura y altura por padding:

Código css:

Ver originala.rtmp {
    display:block;
    padding:240px 400px;
    font-size: 1px;
    line-height: 1px;
    color: #&#191;?;
    text-align:center;
}

Pero como te digo al inicio, estoy suponiendo.

Un saludo