{"id":7252,"date":"2019-04-04T05:34:25","date_gmt":"2019-04-04T05:34:25","guid":{"rendered":"https:\/\/www.jose-aguilar.com\/blog\/?p=7252"},"modified":"2019-05-02T11:04:56","modified_gmt":"2019-05-02T11:04:56","slug":"jquery-star-rating-con-php","status":"publish","type":"post","link":"https:\/\/www.jose-aguilar.com\/blog\/jquery-star-rating-con-php\/","title":{"rendered":"jQuery Star Rating con PHP"},"content":{"rendered":"

Hoy en d\u00eda, el sistema de clasificaciones m\u00e1s utilizado en Internet es sin duda alguna, las estrellas de clasificaci\u00f3n o tambi\u00e9n conocido t\u00e9cnicamente como star rating<\/strong>, habitualmente acompa\u00f1ada de testimonios o comentarios del usuario o cliente.<\/p>\n

Las estrellas se utilizan a menudo como s\u00edmbolos para las calificaciones. Los revisores los utilizan para clasificar cosas como pel\u00edculas, programas de televisi\u00f3n, restaurantes y hoteles. Por ejemplo, un sistema de una a cinco estrellas se emplea com\u00fanmente para calificar hoteles, con cinco estrellas siendo la m\u00e1s alta calidad.<\/p>\n

En la mayor\u00eda de sitios que ofrecen productos u servicios casi siempre aparecen estas dichosas estrellas acompa\u00f1adas de mensajes o comentarios que pueden ser positivos o negativos sobre un art\u00edculo, producto o servicio.<\/p>\n

Tambi\u00e9n puedes encontrar estas estrellas de valoraci\u00f3n en blogs o p\u00e1ginas webs que solo facilitan informaci\u00f3n y desean permitir al lector valorar una entrada o una p\u00e1gina y de esa forma conocer si su contenido es de calidad.<\/p>\n

Para situarte en una escena, imag\u00ednate que tenemos una p\u00e1gina Web que emite noticias de forma din\u00e1mica. Podr\u00edamos hacer que los usuario puedan valorar dichas noticias mediante un sistema de votaci\u00f3n din\u00e1mico como podr\u00eda ser el t\u00edpico o m\u00e1s popular sistema de valoraci\u00f3n mediante estrellas, Star rating<\/strong>.<\/p>\n

El sistema de clasificaci\u00f3n es simple, 1 estrella indica que el art\u00edculo no satisface y 5 estrellas representa que el grado de satisfacci\u00f3n es m\u00e1ximo. Cuando un art\u00edculo ha recibido varias calificaciones aparece la media de los valores pintado. A menudo aparece al lado el total de valoraciones y la nota media que ha recibido un art\u00edculo en lo larga de su historia.<\/p>\n

\"\"<\/a><\/p>\n

En este art\u00edculo vas a averiguar como convertir unos campos de tipo \u00abradio\u00bb en estrellas de valoraci\u00f3n para poder seleccionar y enviar. Los datos son recibidos por el servidor con PHP<\/strong> para procesarlos f\u00e1cilmente.<\/p>\n

Tambi\u00e9n se podr\u00eda hacer por Ajax<\/strong> pero, no es lo que deseamos ilustrar en este caso. Dejamos anotado enviar las estrellas de valoraci\u00f3n v\u00eda Ajax<\/strong> para un futuro tutorial.<\/p>\n

En la cabecera de la p\u00e1gina o dentro de la etiqueta <head> agrega las librer\u00edas y scripts necesarios:<\/p>\n

<\/a>Source code<\/a><\/td><\/a> <\/a> <\/a> <\/td><\/tr><\/table><\/div>
<<\/span>script src=<\/span>"https:\/\/code.jquery.com\/jquery-2.2.4.min.js"<\/span>><\/<\/span>script><\/span>\n<<\/span>script src=<\/span>"js\/jquery.rating.pack.js"<\/span>><\/<\/span>script><\/span>\n<<\/span>script><\/span>\n$(<\/span>document)<\/span>.ready<\/span>(<\/span>function<\/span>(<\/span>)<\/span>{<\/span>\n    $(<\/span>'input.star'<\/span>)<\/span>.rating<\/span>(<\/span>)<\/span>;<\/span>\n}<\/span>)<\/span>;<\/span>\n<\/<\/span>script><\/span><\/pre><\/div><\/div>\n
Para hacer funcionar las estrellas de valoraci\u00f3n nos apoyamos en la librer\u00eda jQuery v2.2.4<\/strong> y el plugin jQuery Star Rating<\/strong> v2.0.<\/p>\n
Creamos una llamada simple al plugin star rating<\/strong> y \u00e9l mismo se encarga de convertir todos los inputs con class=\u00bbstar\u00bb que tengamos en la p\u00e1gina en estrellas de valoraci\u00f3n.<\/p>\n
El c\u00f3digo anterior tambi\u00e9n puede ser agregado antes de la etiqueta de cierre del cuerpo de la p\u00e1gina, es decir, antes de la etiqueta de cierre <\/body>.<\/p>\n
En el cuerpo de la p\u00e1gina o dentro del <body> puedes agregar algo como lo que sigue:<\/p>\n
<\/a>Source code<\/a><\/td><\/a> <\/a> <\/a> <\/td><\/tr><\/table><\/div>
<form<\/span><\/a> action<\/span>=<\/span>"index.php"<\/span> method<\/span>=<\/span>"post"<\/span>><\/span>\n    <div<\/span><\/a> class<\/span>=<\/span>"star_content"<\/span>><\/span>\n        <input<\/span><\/a> name<\/span>=<\/span>"rate"<\/span> value<\/span>=<\/span>"1"<\/span> type<\/span>=<\/span>"radio"<\/span> class<\/span>=<\/span>"star"<\/span>\/<\/span>><\/span> \n        <input<\/span><\/a> name<\/span>=<\/span>"rate"<\/span> value<\/span>=<\/span>"2"<\/span> type<\/span>=<\/span>"radio"<\/span> class<\/span>=<\/span>"star"<\/span>\/<\/span>><\/span> \n        <input<\/span><\/a> name<\/span>=<\/span>"rate"<\/span> value<\/span>=<\/span>"3"<\/span> type<\/span>=<\/span>"radio"<\/span> class<\/span>=<\/span>"star"<\/span>\/<\/span>><\/span> \n        <input<\/span><\/a> name<\/span>=<\/span>"rate"<\/span> value<\/span>=<\/span>"4"<\/span> type<\/span>=<\/span>"radio"<\/span> class<\/span>=<\/span>"star"<\/span> checked<\/span>=<\/span>"checked"<\/span>\/<\/span>><\/span> \n        <input<\/span><\/a> name<\/span>=<\/span>"rate"<\/span> value<\/span>=<\/span>"5"<\/span> type<\/span>=<\/span>"radio"<\/span> class<\/span>=<\/span>"star"<\/span>\/<\/span>><\/span>\n    <\/<\/span>div<\/span><\/a>><\/span>\n    <button<\/span><\/a> type<\/span>=<\/span>"submit"<\/span> name<\/span>=<\/span>"submitRatingStar"<\/span> class<\/span>=<\/span>"btn btn-primary btn-sm"<\/span>><\/span>Enviar<\/<\/span>button<\/span><\/a>><\/span>\n<\/<\/span>form<\/span><\/a>><\/span><\/pre><\/div><\/div>\n
El c\u00f3digo anterior no es m\u00e1s que un formulario que contiene los campos de tipo \u00abradio\u00bb que ser\u00e1n convertidos en estrellas y un bot\u00f3n para enviarlo.<\/p>\n
El c\u00f3digo PHP<\/strong> que recibe la informaci\u00f3n puede ser tan simple como lo siguiente:<\/p>\n
<\/a>Source code<\/a><\/td><\/a> <\/a> <\/a> <\/td><\/tr><\/table><\/div>
<?php<\/span>\nif<\/span> (<\/span>isset<\/span><\/a>(<\/span>$_POST<\/span>[<\/span>'submitRatingStar'<\/span>]<\/span>)<\/span>)<\/span> {<\/span>\n    \/\/procesar el rating<\/span>\n    echo<\/span> '<div class="alert alert-success">Rating recibido: <strong>'<\/span>.<\/span>$_POST<\/span>[<\/span>'rate'<\/span>]<\/span>.<\/span>'<\/strong>.<\/div>'<\/span>;<\/span>\n}<\/span>\n?><\/span><\/pre><\/div><\/div>\n
Ahora solo te queda agregar un poco de c\u00f3digo CSS<\/strong> en tu hoja de estilos:<\/p>\n
<\/a>Source code<\/a><\/td><\/a> <\/a> <\/a> <\/td><\/tr><\/table><\/div>
.star_content<\/span> {<\/span>\n    margin-bottom<\/span>:<\/span> 5px<\/span>;<\/span>\n    float<\/span>:<\/span> left<\/span>;<\/span>\n    width<\/span>:<\/span> 100<\/span>%<\/span>;<\/span>\n}<\/span>\n \n.star<\/span> {<\/span>\n    overflow<\/span>:<\/span> hidden<\/span>;<\/span>\n    float<\/span>:<\/span> left<\/span>;<\/span>\n    margin<\/span>:<\/span> 0 1px<\/span> 0 0<\/span>;<\/span>\n    width<\/span>:<\/span> 16px<\/span>;<\/span>\n    height<\/span>:<\/span> 18px<\/span>;<\/span>\n    cursor<\/span>:<\/span> pointer<\/span>;<\/span>\n}<\/span>\n \n.star<\/span> a {<\/span>\n    display<\/span>:<\/span> block<\/span>;<\/span>\n    width<\/span>:<\/span> 100<\/span>%<\/span>;<\/span>\n    background-position<\/span>:<\/span> 0 0<\/span>;<\/span>\n}<\/span>\n \n.star<\/span> {<\/span>\n    position<\/span>:<\/span> relative<\/span>;<\/span>\n    top<\/span>:<\/span> -1px<\/span>;<\/span>\n    float<\/span>:<\/span> left<\/span>;<\/span>\n    width<\/span>:<\/span> 14px<\/span>;<\/span>\n    overflow<\/span>:<\/span> hidden<\/span>;<\/span>\n    cursor<\/span>:<\/span> pointer<\/span>;<\/span>\n    font-size<\/span>:<\/span> 14px<\/span>;<\/span>\n    font-weight<\/span>:<\/span> normal<\/span>;<\/span>\n}<\/span>\n \n.star<\/span> a {<\/span>\n    display<\/span>:<\/span> block<\/span>;<\/span>\n    position<\/span>:<\/span> absolute<\/span>;<\/span>\n    text-indent<\/span>:<\/span> -5000px<\/span>;<\/span>\n}<\/span>\n \ndiv.star<\/span>:after <\/span>{<\/span>\n    content<\/span>:<\/span> "\\f<\/span>006"<\/span>;<\/span>\n    font-family<\/span>:<\/span> "FontAwesome"<\/span>;<\/span>\n    display<\/span>:<\/span> inline-block<\/span>;<\/span>\n    color<\/span>:<\/span> #777676<\/span>;<\/span>\n}<\/span>\n \ndiv.star<\/span>.star_on<\/span> {<\/span>\n    display<\/span>:<\/span> block<\/span>;<\/span>\n}<\/span>\n \ndiv.star<\/span>.star_on<\/span>:after <\/span>{<\/span>\n    content<\/span>:<\/span> "\\f<\/span>005"<\/span>;<\/span>\n    font-family<\/span>:<\/span> "FontAwesome"<\/span>;<\/span>\n    display<\/span>:<\/span> inline-block<\/span>;<\/span>\n    color<\/span>:<\/span> #ef8743<\/span>;<\/span>\n}<\/span>\n \ndiv.star<\/span>.star_hover<\/span>:after <\/span>{<\/span>\n    content<\/span>:<\/span> "\\f<\/span>005"<\/span>;<\/span>\n    font-family<\/span>:<\/span> "FontAwesome"<\/span>;<\/span>\n    display<\/span>:<\/span> inline-block<\/span>;<\/span>\n    color<\/span>:<\/span> #ef8743<\/span>;<\/span>\n}<\/span><\/pre><\/div><\/div>\n
En este momento deseo destacar que las estrellas que se visualizan en este ejemplo no son im\u00e1genes. Debes incorporar la fuente Font Awesome<\/strong> en tu sitio Web para que se muestre correctamente. De esta forma, el rendimiento es mucho mejor.<\/p>\n
Siempre es interesante potenciar la interacci\u00f3n del usuario en una p\u00e1gina web o tienda Online. Las estrellas de valoraci\u00f3n son atractivas y todo el mundo que navega por Internet conoce su significado. Dan credibilidad y confianza sobre el producto o servicio que se est\u00e1 vendiendo si en la misma p\u00e1gina hay valoraciones y comentarios positivos. \u00bfA qu\u00e9 esperar para incorporar este sistema de calificaciones en tu p\u00e1gina Web?<\/p>\n
<\/i> Ver demo<\/a> <\/i> Descargar<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Tutorial y c\u00f3digo de ejemplo que permite agregar un sistema de calificaciones de 5 estrellas utilizando el plugin jQuery Rating Star. PHP procesa la calificaci\u00f3n.<\/p>\n","protected":false},"author":1,"featured_media":7256,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,3],"tags":[84,79,89],"class_list":["post-7252","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jquery","category-php","tag-formularios","tag-inputs","tag-ratings"],"yoast_head":"\njQuery Star Rating con PHP - Jose Aguilar Blog<\/title>\n<meta name=\"description\" content=\"Tutorial y c\u00f3digo de ejemplo que permite agregar un sistema de calificaciones de 5 estrellas utilizando el plugin jQuery Rating Star. PHP procesa la calificaci\u00f3n.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"jQuery Star Rating con PHP - Jose Aguilar Blog\" \/>\n<meta property=\"og:description\" content=\"Tutorial y c\u00f3digo de ejemplo que permite agregar un sistema de calificaciones de 5 estrellas utilizando el plugin jQuery Rating Star. PHP procesa la calificaci\u00f3n.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jose-aguilar.com\/blog\/jquery-star-rating-con-php\/\" \/>\n<meta property=\"og:site_name\" content=\"Jose Aguilar Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/joseaguilarblog\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-04T05:34:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-05-02T11:04:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/04\/jquery-star-rating-con-php.png\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jose Aguilar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:site\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jose Aguilar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/jquery-star-rating-con-php\/\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/jquery-star-rating-con-php\/\",\"name\":\"jQuery Star Rating con PHP - Jose Aguilar Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/jquery-star-rating-con-php\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/jquery-star-rating-con-php\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/04\/jquery-star-rating-con-php.png\",\"datePublished\":\"2019-04-04T05:34:25+00:00\",\"dateModified\":\"2019-05-02T11:04:56+00:00\",\"author\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\"},\"description\":\"Tutorial y c\u00f3digo de ejemplo que permite agregar un sistema de calificaciones de 5 estrellas utilizando el plugin jQuery Rating Star. PHP procesa la calificaci\u00f3n.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/jquery-star-rating-con-php\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jose-aguilar.com\/blog\/jquery-star-rating-con-php\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/jquery-star-rating-con-php\/#primaryimage\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/04\/jquery-star-rating-con-php.png\",\"contentUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/04\/jquery-star-rating-con-php.png\",\"width\":250,\"height\":250},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/jquery-star-rating-con-php\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.jose-aguilar.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"jQuery Star Rating con PHP\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/\",\"name\":\"Jose Aguilar Blog\",\"description\":\"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\",\"name\":\"Jose Aguilar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"caption\":\"Jose Aguilar\"},\"description\":\"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.\",\"sameAs\":[\"https:\/\/plus.google.com\/114357189801512615537\"],\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"jQuery Star Rating con PHP - Jose Aguilar Blog","description":"Tutorial y c\u00f3digo de ejemplo que permite agregar un sistema de calificaciones de 5 estrellas utilizando el plugin jQuery Rating Star. PHP procesa la calificaci\u00f3n.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"jQuery Star Rating con PHP - Jose Aguilar Blog","og_description":"Tutorial y c\u00f3digo de ejemplo que permite agregar un sistema de calificaciones de 5 estrellas utilizando el plugin jQuery Rating Star. PHP procesa la calificaci\u00f3n.","og_url":"https:\/\/www.jose-aguilar.com\/blog\/jquery-star-rating-con-php\/","og_site_name":"Jose Aguilar Blog","article_publisher":"https:\/\/www.facebook.com\/joseaguilarblog","article_published_time":"2019-04-04T05:34:25+00:00","article_modified_time":"2019-05-02T11:04:56+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/04\/jquery-star-rating-con-php.png","type":"image\/png"}],"author":"Jose Aguilar","twitter_card":"summary_large_image","twitter_creator":"@JoseAguilarBlog","twitter_site":"@JoseAguilarBlog","twitter_misc":{"Escrito por":"Jose Aguilar","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jose-aguilar.com\/blog\/jquery-star-rating-con-php\/","url":"https:\/\/www.jose-aguilar.com\/blog\/jquery-star-rating-con-php\/","name":"jQuery Star Rating con PHP - Jose Aguilar Blog","isPartOf":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/jquery-star-rating-con-php\/#primaryimage"},"image":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/jquery-star-rating-con-php\/#primaryimage"},"thumbnailUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/04\/jquery-star-rating-con-php.png","datePublished":"2019-04-04T05:34:25+00:00","dateModified":"2019-05-02T11:04:56+00:00","author":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11"},"description":"Tutorial y c\u00f3digo de ejemplo que permite agregar un sistema de calificaciones de 5 estrellas utilizando el plugin jQuery Rating Star. PHP procesa la calificaci\u00f3n.","breadcrumb":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/jquery-star-rating-con-php\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jose-aguilar.com\/blog\/jquery-star-rating-con-php\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/jquery-star-rating-con-php\/#primaryimage","url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/04\/jquery-star-rating-con-php.png","contentUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/04\/jquery-star-rating-con-php.png","width":250,"height":250},{"@type":"BreadcrumbList","@id":"https:\/\/www.jose-aguilar.com\/blog\/jquery-star-rating-con-php\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.jose-aguilar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"jQuery Star Rating con PHP"}]},{"@type":"WebSite","@id":"https:\/\/www.jose-aguilar.com\/blog\/#website","url":"https:\/\/www.jose-aguilar.com\/blog\/","name":"Jose Aguilar Blog","description":"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11","name":"Jose Aguilar","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","caption":"Jose Aguilar"},"description":"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.","sameAs":["https:\/\/plus.google.com\/114357189801512615537"],"url":"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/7252","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/comments?post=7252"}],"version-history":[{"count":0,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/7252\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media\/7256"}],"wp:attachment":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media?parent=7252"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/categories?post=7252"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/tags?post=7252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}