I am using this jQuery star rating system:uccessfully on my site.Now, I am trying to get a bit more fancy.I want to put the star rating control into a jQuery UI dialog that pops up.
I invoke the dialog with:
var $dialog = $('<div></div>')
.html($('#dialog_source').html())
[code]....
Does anyone know how Netflix manages its star rating system? The javascript
is either computer generated or obfusicated. It's more trouble to reverse
engineer than it's worth. I'm not very interested in their particular
solution for rating movies - I'm not in the business - but I'd like to know
the data transfer mechanism behind it.
It looks like they found a solid way of moving data between client and
server without getting the page redrawn. I found another script called
votio.php on the net. It does something similar but requires PHP (why?) to
create a XMLhttp stream. I'm not sure why it's server side. Maybe the
server has to create the stream object then pass it's handle on to the
client on the fly. Close?
I'm using IIS and msdn hints at some similar techniques.
The 10,000 mile view would still be helpful. What's this data transfer
thing called? Why isn't it used more? Why hasn't it replaced forms and
links? It seems incredibly useful and surprisingly stable (eg Netflix).
I don't want to use the cancel button functionality of the ratings plugin (version 3.12) so I don't want it showing in front of the stars. I was expecting to find a configuration setting for this, but didn't (did I miss it)? I added a line [control.cancel.hide()] to the draw() function in the source code on line 256 which did the trick, but I was wondering if there is a better way to do this (preferably through configuration)? My source code now looks like this:
251....
252else
253$(control.inputs).removeAttr('checked');
254// Show/hide 'cancel' button
[Code]....
I'm implementing theStar Ratingplugin. Star rating is called like this:
$(function(){
$('.stars').rating({
callback: function(value, link){
$.ajax({
[Code]....
After a star is clicked the form is submitted and processed. "rate.php" returns an integer from 1 to 5 with the new average rating. So far so good, but I'd like to update the Star radios with the new value and disable them after the form has been processed.
It seemed easy enough:
$('.stars').rating('select', data);
$('.stars').rating('disable');
Ive seen a couple plugins on how to use a 5 star rank system, Most seem prettyunderstandable.
However my problem is i want to find a way to sort the ranked content by most votes, But cant seem to find a plugin for that. Anyways, Can you link a 5 star rank system along with a rating plugin that goes along with it.
I'm using this star-rating plugin [URL] and the call back function provided to allow for submission of forms onclick of rating star.
Code:
$(document).ready(function() {
$('form.entry_rating').rating( {
callback:function(value, link) {
alert(value);
}
});
});
However, once the callback is included I get an error I've been trying to track down for the past day and a half. In IE the error thrown is "Object doesn't support this property or method" on Line 100 character 4. In my JS debugger the plugin breaks on line 99
[Code]....
i have been working with jquery dialog for a while and am stuck on a new problem today.when i load a dialog, it is running the button functions when the dialog is opened.
$(function() {
var dialogopts = {
modal:true,
[code]....
I used the jquery modal dialog from the[url].... that is currently draggable from the title only. is there any way i can make
that draggable by inserting a div at the footer of the dialog or make it draggable from everywhere in the dialog.
Is it possible to have the jquery ui dialog close when clicking outside the area of the dialog? Like facebox?
View 2 Replies View RelatedI am trying to get a dialog box to open another dialog box. Clicking on "more search options" the first time results in opening a dialog box. Clicking "search" within the dialog box results in opening up a second dialog box. But this only works the first time I click on "more search options". In other words, the second dialog box only opens up only once. To get the second dialog to open again, I have to reload the page in the browser.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[code]....
Code:
<td>
<ul class="rating nostar" id="Torpedo">
<li class="one"><a href="javascript:RateItem('Torpedo', 1);" title="1 Star">1</a></li>
<li class="two"><a href="javascript:RateItem('Torpedo', 2);" title="2 Stars">2</a></li>
<li class="three"><a href="javascript:RateItem('Torpedo', 3);" title="3 Stars">3</a></li>
<li class="four"><a href="javascript:RateItem('Torpedo', 4);" title="4 Stars">4</a></li>
<li class="five"><a href="javascript:RateItem('Torpedo', 5);" title="5 Stars">5</a></li>
</ul>
</td>
This is a rating star row which is suppose to refresh without a browser refreshing. It is refreshing but is not CSS formatting to
Code:
<td><strong>Raiting:</strong></td>
<td>
<ul class="rated twostar" id="Torpedo">
<li class="one">1</li>
<li class="two">2</li>
<li class="three">3</li>
<li class="four">4</li>
<li class="five">5</li>
</ul>
I have to refresh the browser in order to
Code:
<td><strong>Raiting:</strong></td>
<td>
<ul class="rated twostar" id="Torpedo">
<li class="one">1</li>
<li class="two">2</li>
<li class="three">3</li>
<li class="four">4</li>
<li class="five">5</li>
</ul>
to appear..
It's the javascript working? This is the code before clicking on one of the star in the star row.
Code:
<style type="text/css">
<!--
.style1 {color: #FF3300}
.style2 {color: #FFFFFF}
.style3 {color: #000000}
-->
</style> .....
The javascript links that should do the refreshing automatically supposed to be the two below:
Code:
<script type="text/javascript" src="scripts/prototype.js"></script>
<script type="text/javascript" src="scripts/rating.js"></script>
How can it be possible to auto refresh it?
I want to insert this star trail effect script, it works fine on blank page but star trail doesn't appear on most areas in this page and script corrupts several objects' position. How can I insert it successfully?
View 1 Replies View RelatedI want to insert this star trail effect script, it works fine on blank page but star trail doesn't appear on most areas in this page and script corrupts several objects' position. How can I insert it successfully?
[URL]
Code:
<head>
<style type="text/css">
body {overflow: scroll; overflow-x: hidden;}
.anyClass {
[Code].....
I don't understand ..
$("#form-dialog-join").dialog() is a valid function which I copied from Jquery demo. What's wrong with it?
btw, all the jquery library is loaded correctly.
If I do the following, it will pop up print dialog. But i want to produce
"File->Print Preview" Screen. Is it possible to do that?
<input type="button" value='Print Preview' onClick='window.print();'>
I'm trying to work with a dialog box and when the page has been refreshed, the dialog box appears fine. But if I close it out and try to open it again, it won't open. Here is the code I'm using.
[Code]...
I am seeing a weird issue where the dialog opacity does not work with IE8 browsers controlled by settings under a Windows Group policy. I can run IE8 from my house and the dialog opacity works fine. Does anyone know what Group Policy setting might turn off opacity in IE8?
View 2 Replies View RelatedHow can I remove the X from the dialog? I have the following existing code:
$(
'#DivPassword').dialog({
autoOpen:
[Code]....
how to retrieve textfield value with id="key" in jQuery Dialog from the following code?
$('#dialog').load('jsp/search.jsp', function() {
$("#dialog").dialog( {
modal : true,
[code]....
I just started using JQuery and I have a lot of questions, but this is the most complicated one:
I'm trying to show a dialog using Jquery UI. The problem is that into my dialog I'd like to insert a (dynamic) grid using JQGrid. is this possible, or I should create a normal html table?
I want to make the add functionality in the jquery, where i can add successfully but i also want that when after add, my dialog closes, the div on parent should get refreshed and show me added entry, all is working but i have to reloadthe whole page to make it work
Here is my code!
So on close it should refresh my div or may be it should rerun my query to fetch final records from the db
Do not how, but how it will work!
Close the dialog this is where i tink needs some change, should it be edited enough that onclose it should refresh parent div and requery my query.
When I try to animate a DIV-element with this code:[code]everything works fine. But when I try to do it after I press a button in a dialog - nothing works! Why? [code]
View 1 Replies View RelatedI am new to jQuery UI, and I am trying to create a new dialog using when I click on a link or a button. Here is my code:
function openJQueryDialog(dialogWidth){
$(function() {
$("#AJAX_DIALOG").dialog({
bgiframe: true,
autoOpen: false,
bgiframe: true,
closeOnEscape: true,
modal: true,
resizeable: true,
width: dialogWidth,
close: function(event,ui) {
try{
jQuery("#AJAX_DIALOG").remove();
}catch(e){
alert(e.message);
}}});
$("#AJAX_DIALOG").dialog("open");
});
}
This code works fine on Firefox
I have a web page that is in php. when someone clicks on a <span></span> elem, I need to passed a var to a jQuery dialog box that will then access a database to get information to be displayed.
View 3 Replies View RelatedWhat I'm trying to do is have a 'Save As' dialog box pop up when I click an anchor tag.What's hidden in the anchor tag is base64 information, so my anchors look like this:
<a href=# src='data:application/octet-stream;base64, (base64 string)'>file name</a>
So when I click on this, it gives me the option of downloading my base64 info just fine, but the problem is, the name of it looks to be just the entire base64 string. I was wondering if there was a way I could set this name? I can get the file name, so I'd love to just put 'blah.jpg' as the name that the user downloads.The reason I'm asking is because when I download the file, it comes out as (random characters).bin.part, and if I know the download is a pdf, I try opening it with a pdf viewer, but get yelled at by the MIME type... however, if I simply change '.bin.part' to '.pdf', I can open the file just fine, so I'd love for an automatic naming system, but not sure how to implement that.I've tried the document.execCommand('saveAs', '1', '<filename here>'), but I think this is for an actual file that you serve from the server... I don't have the actual file, just the base64.
Can someone tell me if it's possible to use video (flv or something else) in a dialog popup?(maybe point me towards a link with info... I searched it but couldn't find anything)
View 1 Replies View Related