Star Rater

[DaveRich]

Hola, he encontrado esto buscando en google:

http://www.komodomedia.com/samples/star_rating/example1.htm

Y lo quiero poner en una web, pero quiero que al dar click a una estrella, abra un archivo php que identifique qué estrella has pulsado y lo envie a un email, no se si eso sería php o css pero el código que hay en esa web es css, por eso puse este tema aqui.
¿Alguien sabe hacer lo que pido ?
Gracias y saludos.

[Carlangueitor]

Pues con CSS no puedes hacer links, y menos enviar datos por correo, lo que tienes que hacer en PHP o quizá en javascript (incluso pueden ser los dos).

Saludos

[jomaruro]

Hola:

Me parece que andas un poco perdido, el código que tu ves en el navegador siempre será HTML, el CSS no es más que la parte estética. Para lo que quieres hacer necesitarás PHP.

Saludos.

[DaveRich]

Si, estoy bastante perdido , se un poco de html, no se javascript, ni php, por eso pido ayuda en los foros, tengo una web con un amigo, y las cosas que no sabemos las buscamos en los foros, por eso, últimamente estoy por aquí, molestando un poco y pidiendo ayuda, de cosas, que realmente, no se si se pueden hacer, y hay veces, que me dan códigos a medias, y no se qué hacer para que funcionen, por eso, si me ayudan a encontrar algo que me deje hacer lo que pido, se lo agradezco mucho, llevo ya varios dias buscando estas cosas, pero no hay forma de encontrar nada...
Gracias y saludos.

[jomaruro]

Hola:

Bueno, entonces creo que debes tomártelo con calma y no empezar la casa por el tejado, por eso tienes dificultades para encontrar la información que necesitas. Debes empezar a conocer el HTML y el CSS.

1º Introducción a XHTML.
2º Introducción a CSS.
3º CSS avanzado.

Léete esto, no te llevará más de un par de días, no te va a ayudar en lo que necesitas ahora mismo pero te valdrá pasa saber como debes manejar el código.

Saludos.

[DaveRich]

Muchas gracias, llevo rato leyendo, y el problema es que necesitamos algo para terminar la web lo antes posible, yo voy a seguir leyendo, pero creo que como has dicho eso no me va a servir para lo que necesito ahora.
Gracias y saludos.

[webosiris]

muevo a PHP desde CSS

[DaveRich]

Hola, necesito ayuda, estoy intentando que un archivo php identifique que estrella ha sido pulsada en un star rating:

Código HTML:

<ul class='star-rating'>
    <li class='current-rating'> style='width:105px;' Currently 3.5/5 Stars.</li>
    <li><a href='#' title='1 star out of 5' class='one-star'>1</a></li>
    <li><a href='#' title='2 stars out of 5' class='two-stars'>2</a></li>
    <li><a href='#' title='3 stars out of 5' class='three-stars'>3</a></li>
    <li><a href='#' title='4 stars out of 5' class='four-stars'>4</a></li>
    <li><a href='#' title='5 stars out of 5' class='five-stars'>5</a></li>
</ul>
 

Código CSS:

/*             styles for the star rater                */  
    .star-rating{
        list-style:none;
        margin: 0px;
        padding:0px;
        width: 150px;
        height: 30px;
        position: relative;
        background: url(star_rating.gif) top left repeat-x;     
    }
    .star-rating li{
        padding:0px;
        margin:0px;
        height:30px;
        width: 30px;        
        /*\*/
        float: left;
        /* */
    }
    .star-rating li a{
        display:block;
        width:30px;
        height: 30px;
        line-height:30px;
        text-decoration: none;
        text-indent: -9000px;
        z-index: 20;
        position: absolute;
        padding: 0px;
        overflow:hidden;
    }
    .star-rating li a:hover{
        background: url(star_rating.gif) left center;
        z-index: 2;
        left: 0px;
        border:none;
    }
    .star-rating a.one-star{
        left: 0px;
    }
    .star-rating a.one-star:hover{
        width:30px;
    }
    .star-rating a.two-stars{
        left:30px;
    }
    .star-rating a.two-stars:hover{
        width: 60px;
    }
    .star-rating a.three-stars{
        left: 60px;
    }
    .star-rating a.three-stars:hover{
        width: 90px;
    }
    .star-rating a.four-stars{
        left: 90px;
    }   
    .star-rating a.four-stars:hover{
        width: 120px;
    }
    .star-rating a.five-stars{
        left: 120px;
    }
    .star-rating a.five-stars:hover{
        width: 150px;
    }
    .star-rating li.current-rating{
        background: url(star_rating.gif) left bottom;
        position: absolute;
        height: 30px;
        display: block;
        text-indent: -9000px;
        z-index: 1;
    }
    /* remove halo effect in firefox   */
    a:active{
        outline: none;
    }
 

Esos son los códigos y ésta la imágen que utiliza

Lo encontré buscando en google: http://www.komodomedia.com/samples/star_rating/example1.htm

¿Alguien me puede ayudar?
Gracias y saludos.

[abimaelrc]

Bueno primero no tienes nada de PHP en lo que has expuesto. Por lo que leí, indicas que no sabes PHP, te sugiero que vayas leyendo este manual para que puedas lograr lo que deseas hacer.

[DaveRich]

Te agradezco el manual, pero últimamente estoy muy ocupado con el trabajo, y encima este finde me toca trabajar, asique no tengo tiempo para estudiar manuales, por eso vengo a los foros, para saber si alguien que sepa me puede ayudar, pero agradezco tu interés.
Los códigos que puse son css y html, la web esta en html, pero necesito un script en php para lo que pedí, por eso lo pido en los foros, si supiera php, pondría el código para todo el que necesite algo parecido, y si alguien sabe php y me puede ayudar se lo agradezco mucho.
Gracias y saludos.

[abimaelrc]

Entiendo, pero si te hacemos el trabajo vas a venir al foro de nuevo con la misma duda porque no sabes como resolverlo, lo mejor es que estudies y luego hagas la aplicación. Ahora si deseas que se te haga el trabajo, yo te sugiero (sin animos de ofender solo indicando) que publiques este post también en Ofertas de Empleo, porque lo que estas pidiendo puede que crezca a una aplicación mayor. Pero te puedo ir contestando que si lo único que tu quieres es ver que imagen se selecciono por el usuario, necesitas usar condiciones (if, elseif, else). Pero para ello debes entender esa lógica para que puedas lograrlo.

[DaveRich]

Muy bien, pues gracias de todas formas, ya buscaré en otro sitio.