jQuery UI Slider 1.8.21 used for price range is too short
Hi all, I have recently bought a licensed script, which uses the jQuery UI Slider 1.8.21 to select properties, according to property rental rates (price from - to). Since the length of the slider is too short, it's getting increasingly difficult to select a low price range. (min. price is 0 - max. price is depending on the highest rental rate, added to my portfolio). In my script library I find " jquery.ui.slider.js ". My question is: Is there a way to (easy define) increase the length of the slider,
how to seperate php generated buttons
I'm generating tables of buttons with php echo ' <td"> <form action="test.php" method="POST"> <input type="hidden" id="node" name="node" value="'.$fnode->{'name'}.'"> <input type="hidden" id="service" name="service" value="'.$flavor.'"> <input type="hidden" id="running" name="running" value="false"> <input type="submit" value="OFF" class="button"> </form> </td>'; I want to send the values without reloading via jquery ajax and I'm using this code for it: $(".button").click(function() { $('.error').hide();
hidden value in a AJAX data response in html
How do you make an AJAX response, data item hidden in the html so that you can use that hidden id value? For example, the item.id value in the each function, I don't want to display it to the user. I know I could filter out the id value, but I need it in each row so when the checkbox is checked that row will be deleted in another AJAX event click. I need the value in the HTML so I can identify the row. thnkx success: function(data) { success: function(data) { var checkbx ='<input
Ajax is not working in IE
I have a servlet in java. My servlet URL is http: //192.168.10.113:8080/collective-intellegence/UserClickPersonClassifier?userid=1&query=asp.net This URL is giving json data. I am using a jquery ajax call to get the data. My Code function SecondResultLink(link, userId, userInput) { try{ var urlSearch = "http://192.168.10.113:8080/collective-intellegence/UserClickLinkClassifier?userid=" + userId + "&query=" + userInput; $.ajax({ url: urlSearch, type: 'POST',
Need width of img inside of div
Hi, i'm new in programming.. pls help me with that <div class="new"> <img src=".."></img> . .... <img src=".."></img> </div> <p>click</p> ho do i obtain the width of each img by pressing on paragraph, one by one!? thnks a lot!
.animate() - Queue Simulation for older jquery Verions (Drupal) Conflict
Hello Guys, im searching for a solution to come out with the jquery Version, which Drupal is including natively. Its a older version. Actually there are nooo problems - but one :D I use a .animate() function with a queue false, and without this attribute (because this attribute was addet to .animate() in jquery 1.7), it is not animating as i want. The code is: //When mouse rolls over $("#login").bind('mouseover mouseenter',function(){ $("#logo").stop().delay(500)
Load post response in iframe
Hi, i've an iframe <iframe class="browser" scrolling="no" name="navigation"></iframe> An when a specific event is fired a POST request is sent to a servlet $.post("LoggerServlet", { sharedSessionId: $('#sharedSessionId').val(), level: $('#level').val(), goTo: this.href} ); is it possible to target the POST response to the iframe? P.S. i think is possible use a workaround, like create a hidden form, populate it dynamically and use submit() method, but i'd prefer a "native" solution if is possible.
jQuery 1.8.2 | Drag and Drop: Dynamically populating targeted text input but its value is not accessible.
A file input element selects a base64 png from desktop and a decoded text string appears in an adjacent text input element for further jQuery processing. However, when I drag and drop the same base64 png onto the file input element, the decoded text string appears in the adjacent text input element but is not subsequently processed by jQuery. It's like everything stops after line 2 of code: $('#file_input').on('change', function() { handleFiles(this.files); // Base64 decoder which inserts text string
content page load...
Hello.. Im pretty new to Jquery.. and this one thing has been making me crazy... I had set up website with few menus... I have this menu call latest news..and i want this page to load on homepage...and also in the menu too.. Right now my "homepage is empty with just background... you have to click on menu to have contents.. but i want lates news to be on hompage... Can anyone please help me with this code?... how to load a content on homepage.... Thank you so much J
Drag & Drop: Dropped Objects become [object HTMLTableCellElement]
Hi, I am building objects with function oColumn(name, agg) { this.name = name; this.agg = agg; this.toString = function() { text = ""; text += "<div class='draggable' >"; text += '<p>' + this.name + '(' + this.agg + ')</p>'; text += "</div>"; return text; } } Then I drag and drop these objects from one place to another Actually the objects are transfered from one array
keydown/keyup toggle functionality
I'm trying to understand how I might toggle on/off functionality while a key is pressed. I've been working on an example but I'm struggling with how to select the element I'm currently interacting with so I can revert functionality once the key is released. Below is the code I'm currently working on. On lines 6, 16 and 17 I would really like to select the specific element that was being resized, not all items in that class. How can I reference that specific item to toggle it's settings? $(document).keydown(function(e)
Image gallery similar to iTunes album art
Does anyone know where I can find a tutorial on creating an image gallery similar to iTunes' album art slideshow, where the pictures are stacked with each other diagonally? Picture: I've seen a person's blog with a slideshow like this but that person's blog no longer exists. =/ This tutorial is the only one I've found that has a similar style: mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/ However I don't want the big central image and I'm not sure
Problems switching from livequery...
Good Morning! Well, I was hoping to remove livequery from our code and use the jquery .on method instead to trigger events on dynamically generated objects, but it isn't working. We're using jquery 1.7.2 Here is the livequery code that is working perfect on dynamically generated objects: $('a#my_link').livequery("click", function(e){ alert('This works everytime!'); }); Here is the jquery code that does not trigger on dynamically generated objects (works just fine on original html objects):
Problem with setTimeout inside $.each ...
Hello, Im back showing my ignorance again. This time, I apparently dont understand the settimeout function. It seems to work the first time but after that it seems to ignore it. I think it's a scope problem but im not sure. Ive used several examples but they all give the same results. Here is my code: $.each($json.PDMOVE, function () { setTimeout(function() { var nocntrs
Calculating years betwen two dates (one from datepicker)
Hi everyone, I have some problem with calculating "exactly" number of years between two dates (one from string and second from datepicker). I write the code who calculating tstamp from datepicker, but I can't figured out how to write the code who will calculating tstamp from "text" who has right syntax (dd/mm/yy). here is my code: <form action="#" method="post"> <div id="end_date">20/11/2012</div> <label for="birthday">to <input type="text" name="birthday" id="birthday" /> </label>
can i use jquery with php varibles?
hello. i have videos than i want to hide/show (or toggle) or click using the videos class. the problem is that the class changes and is in a loop. how can i put the changing class into a jquery function this is the html <div class="musical-pictures"> <?php $i=1; while($i<=4) { $no = (rand(1,4)); echo'<div class="vid'.$no.'"> <video src="http://v2v.cc/~j/theora_testsuite/320x240.ogg" controls></video> <audio> <source src="assets/audio/audio'.$no.'.mp3" type="audio/mpeg"
Get country name as a variable
hi , I want to get country name of visitor and display it on the web page,anyone have this code or any tutorial website please give me. Thank YOU .....
CDN's jQuery fall back to local
Hi, I was wondering which method is best to use for "CDN's jQuery fall back to local" ? Method 1: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="assets/js/jquery-1.8.3.min.js"></script>')</script> Method 2: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script>!window.jQuery && document.write('<script src="assets/js/jquery-1.8.3.min.js"></script>')</script> Method 3:
drag and drag functionality in listbox through jquery
i have two listboxes let say A and B but names are dynamic on left side on aspx page and three listboxes C , D and E on right. what i want to drag the elements from any listbox from left side(A and B) to any listbox on right (C,D,E). any idea. thnx in advance. i have search alot but not found any solution.
jquery and jappix
Hi, there is some jquery expert that can help me to update the jquery used from Jappix? https://github.com/jappix/jappix/ i have more problem with the last version
Disable submit button based on text input conditions
Hi I have a simple website set up, 1 text input and 1 submit button. I have jQuery code in place to make it so, that the submit button is disabled until I have input at least 3 characters in the text input. That works as expected, but I have 2 little problems I have trouble of fixing. Here is the HTML: <input type="text" name="search_text" /> <input type="submit" value="Search" /> Here is the jQuery: <script> $(document).ready(function()
{
$('input[type="submit"]').attr('disabled','disabled');
$('input[type="text"]').keyup(function()
{
if($(this).val().length
Dialog Form with target frame
Hi guys , i' am still not able to resolve my problem. anybody can help on this? i need just to open my dialog form within a specified frame . is this possible ? thanks
validate form element based on other element value
I have a dropdown with an option for 'Other' I would like it to validate the text box (and display an error msg with the rest of the validation) for being empty IF the user selects Other from the dropdown. Also it would be nice if the text box for the Other was hidden until the user selects Other from the dropdown. I am using the usual jquery rules and messages, but i have no idea how to do this. Cheers Darryl
Form from Ajax loaded page
so I have a page that loads content via AJAX. $('#responseForm<?php echo $id; ?>').submit(function(){$('input[type=submit]', this);}); function parseResponse<?php echo $id; ?> () { var hiddenField2<?php echo $id; ?> = $("#hiddenField2<?php echo $id; ?>"); var hiddenField<?php echo $id; ?> = $("#hiddenField<?php echo $id; ?>"); var hiddenField1<?php echo $id; ?> = $("#hiddenField1<?php echo $id; ?>"); var url = "news_parse1.php"; $.post(url,{ hiddenField2: hiddenField2<?php echo $id; ?>.val(),hiddenField:
JQuery Selector help
I found the code for doing a selector based on ID, but my circumstance is interesting; and unsure how to go about it. How would I for example, hide a div that doesnt have an id, but does have extra attributes for style ie. z-index 100000; ? This one is causing some headache trying to get the selector right.
Jquery load not working
i have a button that calls a js/jq function when clicked: the button: '<input type="button" value="Up Vote" onclick="changevote(true,'.$_GET['itemid'].','.$reviewid.');">'; the js/jq: function changevote(bool, itemid, reviewid){ $(this).load("changeVote.php", "bool="+bool+"&itemid="+itemid+"&reviewid="+reviewid,function(){}); } and finally changeVote.php that should be called: <? $ReviewGroup = new ReviewGroup($_GET['itemid']); $list = $ReviewGroup->getReviews(); //get the list of approved reviews
Toggle - horizontal - html4
Hey, unfortunately, I have to use html 4 were I work. This code works in Chrome but not in IE (doctype html 4). Could I do something for this toggle work with this doctype? (as your mouse pass over the element open right to left) Código: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <head> <title>Untitled Document</title> <script language="javascript" src="jquery-1.5.1.mim.js"></script> <script> jQuery(function($) { $(document).ready(function() { $('.panelHandle').hover(function()
JQuery ajax delete request
I have a rest service which does a DELETE. I am able to successfully invoke this rest service through curl. The command which I used was; curl --request DELETE http://localhost:7080/airavata-rest-services/registry/api/descriptors/hostdescriptor/delete?hostName=tempI have a Jquery client which tries to do the above but I don't see the hostName param in the request. Am I missing anything in the way in which I create the request? var hostName = $("#hostName1").val(); var deleteUrl =
How To Select Specific Data (TD) from Rows
I need to select all of the languages from the following table using jQuery. The output should be Java, Ruby, Smalltalk, C++. What statement would I used. Thanks <table id="languages" border="0" cellspacing="1">
<thead>
<tr>
<th>Language</th>
<th>Type</th>
<th>Invented</th>
</tr>
</thead>
<tbody>
<tr>
<td>Java</td>
<td>Static</td>
<td>1995</td>
</tr>
<tr>
<td>Ruby</td>
<td>Dynamic</td>
<td>1993</td>
</tr>
Loading alternate page header including menus based on screen size
Help! I am new to jquery. The first part of my page is my header and a menu. I have one menu that I want loaded when the code is loaded via cellphone and a different one when on any other media. This script loads my header but then the script just keeps running until the browser times out. None of the rest of my code loads. <head> <script src="jquery/jquery-1.8.3.min.js"></script> </head> <body> <div id="layout"> <script > if (screen.size < 321) { $('#layout').load('includes/navbar-cellphone.html');
play audio on hover div not working
hello. i cant get the sound to play when i click on the div. any ideas? <div id="videoHolder"> <audio preload="auto"> <source src="assets/audio/beep.mp3" type="audio/mpeg" ></source> <source src="assets/audio/beep.ogg" type="audio/ogg" ></source> </audio> </div> $(function(){ $('#videoHolder').click(function() { $("#audio")[0].play(); }); }); thanks ricky
How to add count down time in specific pages using jquery?
I want to add count down time in some pages using jquery, which function will work?
Dialog Form with target frame
Hi Guys , i'am lilt bit stuck here .. i want to open a dialog form on button click ..the issue is it is not opening in the right frame and it is located in the top frame menu frame. How van i do that? i want to open that dialog in a frame called "frame_content" below is my code : thanks $( "#create-user" ) .button() .click(function() { $( "#dialog1-form" ).dialog( "open" ); });
jquery .each progress bar
Hello, I'm processing data on site using .each, everything works fine, but I'd like to make something like progress bar, because there is quite much data and it takes maybe 2 or 3 seconds, so I'd like to show user some progress bar. I have idea, how I would like to do that, but there is one problem. I have a div which is hidden by default and shows only when this processing is in progress, so i have something like $('#divid').show(); $('.processdata').each(function() { // processing }); $('#divid').hide();
How to check if an input-array element is filled?
Hi everyone, I've been puzzled for a while now on the following: I have an inputform with several inputs, all carrying the name 'participant_surname[]'. I would like to check if one of those elements is filled or not and take appropriate action. However, only the first element works wonders, but any other changed inputfield is not detected. How should I solve this? Any help is much appreciated! This is currently the Jquery script: $("input[name^='participant_surname[]']").keyup(function() {
Ajax POST Cookie Not Set
I am trying to perform a POST operation to a page within the same domain that I set my Cookie in. My GET operations populate the Cookie just fine. When I POST the Cookie is not set. I have even tried to set the Cookie header on Before Send but I get a warning saying it is protect or not safe or something. I still think the POST request should send the Cookie data: $.ajax({ type: 'POST', url: "include/page/admin/post.new.php", data: { var1: "abc", var2: "abc" }, success:
Load another page with DOM changing
I'm trying to load from initial.html different html page with: $("#hidden_demo_div").load("modules/another.html", function (data) { var value = $(data).filter("#demo_div"); var html = value.html(); // THERE IS NO <strong>Hello</strong> here!!! } (The "#hidden_demo_div" is at the initial.html (HTML where JS code with .load is linked). This element is declared at the BODY) here a snippet from another.html <html> ......................... <head> <script type="text/javascript"> $(document).ready(function()
jquery scroll down with change letter spacing
i want to animate text with scroll down. i apply this code.this is working. but scrolled<400 not stop.code is running.how to fixed this issue, Thank You ..... $(function(){ $(window).scroll(function() { var scrolled=-($(window).scrollTop())/50; $('#scrolled').text('scrolled: '+scrolled+'px'); if(scrolled<400){ $('#cName').css({'letter-spacing':12+scrolled+'px'}); } else{$('#cName').css({'color':'red'});} }); });
Jquery Letter spacing
i want to animate text with scroll down. i apply this code.this is working. if scrolled = -16 my text color id Red , but again scroll top -5 , still color is red, Please help me. Thank you. $(function(){ $(window).scroll(function() { var scrolled=-($(window).scrollTop())/50; $('#scrolled').text('scrolled: '+scrolled+'px'); if(scrolled>-10){ $('#cName').css({'letter-spacing':12+scrolled+'px'}); } else{$('#cName').css({'color':'red'});} }); });
.submit(), some problem with safari, others works very well.
the requirement like this, "download one file without refresh the page" so, I dynamic created an iframe object contains a form with ’get' method and appended to 'body' through jQuery, after that, I test ie, firefox, chrome etc, all works very well, but for Safari, only the first time it takes effect, the second time when you click trigger button, nothing happened, even an error message. attached is the testing code. anyone can help me figure it out? thanks in advance. <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml">
Next Page