jQuery Cycle Plugin Caption Issue
I have the following test code: <div class="pics"> <p width="191";>These are the colors available. Click on a picture to see more information</p> <a href="A"><img src="images/black.jpg" width="191" height="143" alt="Black" /></a> <a href="B"><img src="images/blue.jpg" width="191" height="143" alt="Blue" /></a> <a href="C"><img src="images/pink.jpg" width="191" height="143" alt="Pink" /></a> </div> <p id="caption"></p> <script type="text/javascript"> $('.pics').cycle({ fx: 'fade', timeout:
How to same Toggle Method for multiple Click location
I am very new to this jQuery and trying to figure out few basic things in my page i have multiple <a> but few are supposed to open the panels and other things to navigate. wanted to know how can i use a single method for toggeling... as i dont want to write theses functions again and again.... $(document).ready(function () { $("img#imgClearCodes").click(function () { $("div#divCCodes").toggle(); }); }); $(document).ready(function () {
jQuery plugin Validation
http://bassistance.de plugin has suddenly re-emerged after years gathering dust and with it is a request for donations. At one stage this project filled me with optimism, but now it seems oversized and outdated, particulary now that HTML5 has introduced it's own flavour of validation.
Datepicker range show "to" when select a date on "from"
Hi, i'm using a example of datepicker range. I'm trying show the datepicker "to" when the user select a date from a "from" datepicker. For this I'm subscribing to the method of the datepicker onSelect "from" to make a show in datepicker "to". I am using the following code: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Select a Date Range</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.8.0.js"></script>
.html() & setTimeOut
Hi, This is the scenario I want to create, Right now I want to do a timer effect. So I calling Timeout function if the condition is true. obj will minus it values and use .html(obj) to display. However, right now the timer wont update by itself. Am I using .html() correctly? I try empty first before using html but wont works $(document).ready(function() { setTimeout(function(){ Ajax(); },1000); function ActiveTimer(obj) { obj--; $('#item1').html(obj); }
Dynamic JQuery and webkit
Hello. Hopefully this isn't a double post; I tried posting earlier and it didn't register. I am getting a Syntax Error when trying to apply a webkit css property with JQuery. I know it has something to do with the way maskstring is formatted....but I figured it should all be a string. The error i'm getting is an unterminated string literal. function createTiles() { var maskstring = "-webkit-gradient(linear, left top, right bottom, color-stop(0.00, rgba(0,0,0,1)), color-stop(1.00, rgba(0,0,0,0)))";
JQuery Creating Webkit CSS Properties
I am trying to create a series of gradient masked images from the same source. Using css transitions, I was going to have them systematically fade at different times...The problem is, I'm having problems with quotes and string literals. for (i=1; i<24; i++){ var maskstring = "-webkit-gradient(linear, left top, right bottom, color-stop(0.00, rgba(0,0,0,1)), color-stop(1.00, rgba(0,0,0,0)))"; var src = 'images/mts.jpg'; var divid = "mydiv" + i; $('#' + divid).css({
Odd behavior of Validation plug-in on my new computer
I transferred my localhost development from a WindowsXP PC to a Windows7 PC and everything is now working except for Validation plug-in strangeness. In the old WindowsXP computer on Firefox 15, Validation works. In the new Windows7 computer on Firefox 15, the page will not load and I get the Firebug Console message TypeError: jQuery.validator is undefined jQuery.validator.addMethod(On this same Windows7 computer, the page loads and Validation works in Chrome and in IE8, but not in FF15. I load
"loading" appears at the bottom of page when using jQ Mobile..
1) with jQuery mobile.. here I see word "loading" in black letters at bottom left.. (might have to scroll to bottom to see it.. ) (this is in iPhone3, don't know about other devices....) 2) without jQuery mobile here I don't see word "loading" at btm of pg the one and only difference betw the two is the inclusion of this tag: <script type="text/javascript" src="js/jquery.mobile-1.1.1.min.js"></script> you can see in firebug jQ Mobile clearly adding this element.. it adds all this: <div class="ui-loader
Supersized - change slideshow images when user clicks on a link
Hi ! I'm using supersized (http://buildinternet.com/2011/07/supersized-3-2-fullscreen-jquery-slideshow/) for a website that i'm currently creating ! Do you know if there is a way to change the slideshow images when user clicks on a page link (in this case <li class="toggleSubMenu3">)? That would be really helpful because i'm desperate ! I have been searching for hours... Thanks a lot ! Here's what I've tried (that doesn't work ) - I actually just copied the original script... <script type="text/javascript">
Chrome and problem with Jquery script
I have a script that runs just fine in IE but will not work in Chrome, i am a jquery novice and forgive my messy code but i am at a stage where it works ;-) Just need to know why it doesn't work in Chrome??????? <!-- jquery script for calculations --> <script> jQuery(document).ready(function(){ $('.salesqty').blur(function () { var sum = 0; $('.salesqty').each(function() { sum += Number($(this).val()); }); $("#totalqty").html(sum); $('.salesval').blur(function () { var sumv
Fields fill page horizontally
Hello to all. I have a problem with the layout. I like the vertical version but not the horizontal. How can I do so that the labels remain above the fields and the fields fill the page horizontally? thanks <body> <div data-role="page" id="page"> <div data-role="header"> <h1>Intestazione</h1> </div> <div data-role="content"> <p>Registrati gratuitamente a PayDiv <div data-role="fieldcontain"> </div> <div data-role="fieldcontain"> <label
Guidance regarding Recursive Traversal of Json Object
I am trying to create the menu based on a recursive Json object. I am able to prepare the Json object and have defined a template structure for the same. Json Object: [ {"ExtensionData":null,"MenuDescription":"Home Menu","MenuEnabled":false,"MenuId":1,"MenuParentId":-1,"MenuSelfWindow":true,"MenuTarget":"","MenuText":"Home"}, {"ExtensionData":null,"MenuDescription":"Profile","MenuEnabled":false,"MenuId":2,"MenuParentId":-1,"MenuSelfWindow":true,"MenuTarget":"#","MenuText":"Profile"},
PHP form not submitting with or without Ajax
My form doesn't seem to submit. Here are some things I've tried: 1. data-ajax="false" in the form tag 2. jQuery 1.2 beta 3. removing all data-role="page" instances 4. dropping in a different form that worked in another project 5. dropping this form into another working project What am I doing wrong? The form is located here: http://www.timbartel.com/cursillo.php#sendpalanca Page PHP/HTML: <!DOCTYPE html> <html> <head> <title>The Cursillo</title> <meta name="viewport" content="width=device-width,
Sending dynamic data through JQuery Ajax
Hi All, I've got a question about the processing of data through and Ajax Post Request which i can't get a hold of. Hopefully you guys can help me out. I have the following situation. An anchor is my script triggers the following javascript function: <a href="#fragment-3" onclick="return drawResource();"><span>Resources</span></a> I have the following function function drawResource(url) { $.ajax({url: "resource.asp", type: "POST", dataType: "html", cache: false, data: {period:201209}, success: function(responseData)
$.getJSON() Usage
I'm trying to use the ".getJSON()" method for the first time and so far I'm not getting anything out of it. I know the callback function for it is supposed to be called when the call succeeds, but can I also code an error callback function for it, or instead of doing that should I just use the more general ajax method and then code callback functions for both success and error, and make the dataType JSON? Thanks for the help.
Jumpin Bajeezopotamus! Does every single little tiny thing (like dividing by 2) require a forum post?!?
If it weren't for the fact that I can't afford to hire someone to do this for me, I swear I would. var w = $( this ).css( 'width' ), s = Math.ceil( w / 2 ) /*** I have also tried "( w / 2 )" and "w / 2" all three result in "NaN" ***/ console.log( w ) /*** prints an int. perfect. :) ***/ console.log( s ) /*** prints NaN... WTF??? ***/ Eventually I want to do this: return 'margin-right:-' + s + 'px;'
Pull text from span class & enter in input
Trying to look at classes starting w/ "searcher_stack-its_img". When clicked, I want to pull the text from the span's class. Right now, not seeing the console log output. After, like to enter the span class text into input#select_searcher Typ. div w/ an image: <div class="searcher_stack-its_img..."> <a href="javascript:void(0)"> <img src="resources/testimg.png"> </a> <span class="b2"></span> </div> $('div[class^="searcher_stack-its_img"]').click (function() { var sterms = $(this).children("span").attr("class");
Loading Page - ui-loader css class properties - background-color
I am using jQuery Mobile 1.1.1 , which is the latest stable version of JM. I am using $.mobile.showPageLoadingMsg(); method to show the loading page animation. The ui-loader css class is defined as below. .ui-loader {display:none;position:fixed;top:40%;left:32%;width:33%;z-index:100;padding:10px 10px;background-color:#000000;opacity:.65;} However, even-though the background-color is set to #000000, the resulting loading page background color is white. What could be the reason for this? Is there anyway
JQuery For Presenting Portfolio Swf videos
Greetings, I have been learning about JQuery and I am developing a website that will showcase swf files. http://www.freecsstemplates.org/preview/refillable/ offers a code that will present jpegs nicely, but isn't compatible with video.
Jquery Slideshow Conflict with MonkeySee Video Ads - SO lost, please help!!
Hi! I run MrsHappyHomemaker.com - and I'm having a problem with the jquery slideshow conflicing with MonkeySee Ads, and I could use any help/assistance I could get. I'm so lost!! I have a jquery featured slideshow that I use to highlight my recent recipes, and since I've added the MonkeySee video ad, I've noticed that it causes my slideshow to not slide on all browsers except for Google Chrome. Why it works on google chrome & no other ones is beyond me. The first image displays in the slideshow,
Pageinit Issue
Greetings, I have a multi-page template. The 'main page' has a list of five links, generated by an RSS Feeds Reader Plugin for jQuery (zRSSFeed). On the main page, there are links to internal pages to show complete articles (using data-ajax="false"). Those internal pages have the following code: $('#p4').live("pageinit", function(){ $.getJSON("http://viewtext.org/api/text?url=" + $("#url4").val() + "&callback=?", function (data) { $('#story4').append('<div>' + data.content + '</div>'); }); }); This
creating validation plugin
This is my first time creating a plugin. I am trying to make a plugin that will validate whether an input field is empty or not. My problem is with the keyup() function - if I call it as I did in 1.php it works fine, but I want to put keyup() in a plugin as I did in vall.js, it is commented out as $(this).keyup(function() is not working. Should I place keyup() somewhere else or make a separate keyup() function.? Later I want to add keyup(), focus()... to options so I can just write keyup:true or
Changing slideshow transition effect: slide left instead of fade.
I want to use this plugin: http://blog.aaronvanderzwan.com/2012/07/maximage-2-0/ But I want the transition effect to just slide from left to right, or right to left instead of fading. How can I modify this? Thanks!
div slide up and down
Hi, I need to have a div slide up on mouseover and on mouse out or mouseover anywhere else to slide back up. Here's what I have so far but it's not working accurately. $(".openNav").hover(function () { $("#nav").animate({"bottom": "-40px"}, "slow"); }); $("#nav").mouseout(function () { $("#nav").animate({"bottom": "-175px"}, "slow"); }); I tried setting a timer and delay but still can't get it to work right. help please thanks!!
getJSON() Problem
Do I need any new plugins in order to use the ".getJSON()" method in Firefox? Currently I'm trying to pull back JSON data from a target and the following statement: ${esc.d}.getJSON(targetUrl,function(jsonData,status,xhr) { alert("JSON-DATA=("+jsonData+") !..."); } ); is apparently not working because I do not get an alert when I run it.
How hide/display text
Hi guys, I'm a bit stuck with displaying and hiding text. I created a div which when clicked on expands and moves. Now I want the text that I put in this div to only be shown when the div was clicked upon and thus expanded. I thought I could do this by setting the text like this; <div id="box"> <text style="display: none">Here comes the text..</text> </div> <script> $("#box").click(function(){ $("#box").animate({ width: "500px", height: "300px", borderWidth: "10px", top:
How to send data through headers to restfull web serives
how to send the data using header , i followed the below code but it is not working and not getting error in console also type:'POST', datatype:'json', url:rootURL+"HashValue", data:jsonData, beforeSend: function(jqXHR) { jqXHR.setRequestHeader("test", "test auth=" + token); }, success:function(data,textStatus,jqXHR){
Create html pages from a pdf file?
Hi, I am trying to create html pages from a pdf file. Is there a way to achieve this using jquery? If so, pls let me know. Thanks and regards.
Can not get localscroll to work for me!
I am new to jquery/javascript and finding myself frustrated that I cannot pinpoint where I am going wrong. I have a html webpage, (simplified code below) with a link and anchor; Link - <ul type=none <li><a href="#bookmark2" STYLE="TEXT-DECORATION: NONE"onMouseOver="show4()" onMouseOut="hide4();"<div id="img4" </div</a ><div><font style="font-size:27px" color="#FFFFFF" face="Broadway">ROOMS</font></div> </li></ul> Anchor - <a name="bookmark2" </a> This works as expected, when i click the link
strange white overlay
Hi guys , this is my first post on these forums , anyway i encountered this strange white overlay screen on top of a website that im developing and i have never encountered anything like this and have no idea what it is or whats causing it, its popping up when i hover on top of some div element. its not coming up when i resize the browser its only in chrome its not a DOM element if anyone has encountered something similar, can you help me out?
jquery crSpline - weird animation
Hello, I tried the jquery crSpline plugin (http://archive.plugins.jquery.com/project/crSpline), but I have some weird movement with the last but one coordinate. The top property of the red point goes wild with the last but one position (something like -3000px). Here you can find some code: https://github.com/xseignard/test-crspline and the demo here: http://xseignard.github.com/test-crspline/ Do you see something wrong? Or even better, since the plugin development seems to be dead, do you have an
jquery crSpline - weird animation
Hello, I tried the jquery crSpline plugin (http://archive.plugins.jquery.com/project/crSpline), but I have some weird movement with the last but one coordinate. The top property of the red point goes wild with the last but one position (something like -3000px). Here you can find some code: https://github.com/xseignard/test-crspline and the demo here: http://xseignard.github.com/test-crspline/ Do you see something wrong? Or even better, since the plugin development seems to be dead, do you have an
How to Hide src Ip in frameset generated by Jquery plugin
Hi All, Its many days passed since i am trying to find the solution for how to hide the frameset or frame src attribute that is automatically generated by some jquery function. I have designed a website and have used some jquery plugin so that i can have good image changing effect on the page. I have hosted the site and now when i check the page from outside, and checked browser view page source option , in that my server ip is getting displayed in between the <FRAMESET></FRAMSET> tags in the page
Change background at click - BgStretcher plugin
Hi, first of all please pardon my english ! I'm using bgStretcher plugin for a website that I'm creating. I would like that a click on a menu element (actually on <li class="toggleSubMenu3">Text</li>) changes the background. So I have created a script with the click function and I have copied the Background Stretcher script. But when I click, instead of having the image that I want in background, It shows the background-color written on bgStretcher plugin stylesheet. Please can anyone help me ? I
Can't get pageinit to work (despite reading doc + forums)
I know a lot of people have asked similar questions, but there must be something I haven't grasped yet... I took the helloworld.html example provided in the tutorial and added a response to the pageInit event. Here are some of the calls I tried, all in vain: <script> $(document).live("pageInit", function(event) {alert ("inside pageinit");}); </script> or <script> $(document).bind("pageInit", function(event) {alert ("inside pageinit");}); </script> or <script> $(document).on("pageInit", function(event)
Datepicker Customisation
I wonder if there is an easy way to change my current jquery ui version for one that defaults the datepicker result format to 'Full'? (i.e. Monday 03 September 2012)
Hide and show various divs
I've got the following code. How to create a certain click function which shows just the div according to the link I've clicked on, the others should be hidden. I've already tried to get the rel attr, saved it into a variable, that didnt work. var rel = $(this).attr(rel); $(rel).show(); $(rel).next().hide(); <a href="#" rel="one">One</a> <a href="#" rel="two">Two</a> <a href="#" rel="thress">Three</a> <div id="one></div> <div id="two">/div> <div id="thress</div>
How to show Row value of a database table into form?
hi friends, i am getting a value form database and want to show only 2 columns value but i am unable to do this with this code.. This is PHP code to fetch data from database ;; <?php $stock=$_POST['stock']; //echo $stock; include("../dbconfig.php"); $result = mysql_query("SELECT * FROM stock where p_name='$stock'"); //query //$array = mysql_fetch_row($result); //fetch result //$array = $array = mysql_fetch_array($result); //fetch result
Dynamic menu in asp.net MVC2 using Jquery or Superfish
Hello all, In the mvc app we are developing, we need to have a menu with menu items coming from sitemap. Can any one please help us to get started with this. I saw couple of posts saying that superfish would be a better solution to achieve this. If so, please provide how do we do that. Appreciate the help Thanks
Next Page