Beginner: How to continueously alter between 5 sentences with JQuery.
Hi everybody. I need your help. I'm doing a website for a client and I want to display recommendations in the footer. I have 5 different statements like those below and I want a timer function to change the statement every sixth second. I'd like the vertical rotation effect. Can someone write the code here and explain me the things? Example: "We were so happy using Cocktails R Us", Johnny Hansson "The service was awesome", Loretta Stevenson "Cocktails were delicious", Bob Johnson Thanks in advance.
jquery grid from dynamic json.I have attached my code
Can some one help me in creating a grid from dynamically generated json data...........I am able to create html table but i need jquery grid.Using below code i am able to load a csv file and display as html table but i need a jquery grid............. <html> <head> <meta charset="utf-8" /> <title>Demo - CSV-to-Table</title> <script src="jquery-1.8.0.js"></script> <script src="jquery.csv.js"></script> <script type="text/javascript" src="json2.js"> </script> <script> $(document).ready(function()
JQuery Questions for new projects
What are the steps you need to follow to use jQuery in ASP.Net project?
Problem with field that contains apostrophe.
Hi all the community, I'm write you to explain a problem that occurs when I want to cancel a student. I have a window from where a select a student and then I get all his data. If I had to cancel it I press a cancel button and then a transfer his name and his surname to a js function from where I ask for the confirm. It works fine if the surname or the name of student do not contains any apostrophe. If it does the js function does not executes. This is my button: <button type="button" id="cance"
Zooming an draggable image keeping the center fix
I have an script that will resize an image with a jquery slider. The image is inside an overflow hidden container. But I am getting problem in keeping the draggable center of the image fix while zooming out or in. Its working fine while the image is not dragged. I know that can be done by plus minus the left and top value while zooming in out. But can't able to find a way to do it. You can View my script- var globalElement_width; var globalElement_height; $(document).ready(function () { $img = $('.canvas
using 2 jquery (slide) in one html
Hello, I want to use 2 different jquery plugins on the same page for a website I'm making. At the moment I can only seem to get one working at a timebut not both. i guess that cause there are 2 differents versions of jquery?! I have no experience with javascript. I'd be eternally thankful if someone can help me. Thank you in advance Here is the seperate code for each: Slide panel <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="imagetoolbar" content="no"
javascript enter event not working properly in sharepoint..
Hi all, I have implemented autosuggestion slide down on the search box in sharepoint 2010 using a jquery plugin. On giving something in the search box it will give some suggestion and the traversing through the suggestion in the autosuggestion box can be done through key up and key down from the keyboard.It is working fine but when selecting on one of the suggestion and pressing on enter key the suggestion text should move to the search box(as in google),but this is not happening...sometym it is
taphold event on Windows Phone(test on OS 7.8) triggers native response
taphold event on Windows Phone(test on OS 7.8) triggers native response.
Inserting in css plugin?
Help to insert CSS plugin. Please. jsfiddle :http://jsfiddle.net/5qC8N/ mikepianist.-
Changing the width of the modal form
Hello, I am using the modal form example on the following link to create a form on my website.. http://jqueryui.com/dialog/#modal-form But the field that I have used in my form is an upload file field which requires more width than the regular modal form mentioned in the example. I wanted to know if there is a way I would be able to change the width of the form that pops up on the click of a button.
I need some help getting jqgrid displaying json
Here is my jquery: <script> $(function () { $("#list").jqGrid({ url: 'http://localhost:60418/grid/data', datatype: 'json', mtype: 'GET', colNames: ['Inv No', 'Amount', 'Tax', 'Total', 'Notes'], colModel :[ {name:'invid', index:'invid', width:55}, {name:'amount', index:'amount',width:80, align:'right'}, {name:'tax',index:'tax',width:80, align:'right'}, {name: 'total',index: 'total'}, {name: 'note',index: 'note'} ], pager: '#pager', rowNum: 10, rowList: [10, 20, 30], sortname: 'invid', sortorder:
JQuery css() Function is Killing my :hover
Hello All!!! Thanks in advance for any and all help :-) At my website, joetaranto.com I'm using the JQuery click function on html anchor buttons to animate a "billboard". The problem is I'm using the css hover command to set up background color changes on the navigation controls (buttons) and once a button is pressed and the subsequent click function is run the navigation controls lose their css hover. This behavior can be seen by going to the website and mousing over any of the navigation buttons.
Only JQM elements sit above fixed header....
Hi Folks, I have developed an app using a mix of JQM and HTML5 elements. The app has a fixed header which I have fixed using CSS rather than explicitly using the data-position="fixed" way as this doesn't work right for my app. When I scroll the app, the header stays nicely in place and HTML5 elements scroll underneath it nicely. However if there is a JQM element such as flip-switch or button then they scroll over the top of the header! Can anyone please give me any pointers as why this might be?
Remove and bring back between two different select boxes
Hello, I have two select boxes that I want to show and hide, the only problem I have is that the form information of both select boxes still remains in the page, and I am not able to submit. Is there a way that I can remove and show, so I am able to submit the contents of only one of the select boxes? Thank you, Jason Passing Score: <select name="ChapterQuizPassingScore" id="ChapterQuizPassingScore" style="width:174px" class="HiddenPassingScore"> <option id="passingscore" value="0">Please
Drag and Drop image on top of an image
Hi, I was wondering if anyone can help me figure out how to write code for a drag and drop that involves dragging an image on top of another image. Once its on that particular image for it to stay there. Please advise. Thank you!
jquery inputmask breaking change
We using jquery inputmask plugin and have a following code fragment: $('input.maskedInput').focus(function () { $(this).mask("999-999-9999"); }).blur(function () { var numbers = $(this).val().replace(/-/g, '').replace(/_/g, ''); $(this).val(numbers.toString()).unmask(); }); This worked perfectly fine with jquery 1.3.2 but stopped working when upgraded to 1.8.2. No errors but unmasking just does not occur. Is there anything that need to be changed
Jquery Ui - effect callback function
Hi, I'm trying to use jquery ui effects but i'm not able to show the page once it is load with an jquery ui here sample page: (clickable buttons are grafici and strumenti) http://ugom.comuf.com/ I suppose I need to make an callback function but i'm not able make it Regards Ugo <!DOCTYPE html> <html lang="it"> <head> <meta charset="utf-8" /> <!-- Html 5 e CSS3 --> <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame Remove this if you use the .htaccess
Can I use the .click() method to display information from an .ajax call?
I have two ajax calls which display a first set of links and then a second set of links under it onto a webpage. The second set of links are citations and they correspond to one of the links in the first set. When I click on the link in the first set I go to an outside webpage, here's the code, var linkBase = "http://www.sciencebase.gov/catalog/item/"; var link = ""; $.each(json.items, function(i,item){ link = linkBase + this.id
Setting programmatically max value of slider
Hi all, depending on which radio button is pressed, I want to set the max value of a slider dynamically. It seems, that: - when I click a radio button, setSlider is called twice - the max value does not change at all Here's the code: $(document).ready(function() { $("input[name='Periode']").click(function() { setSlider($("input[name=Periode]:radio:checked").attr("value")); }) }); function setSlider(id) { var intHours = new Array(24, 24 * 365/12, 24 * 365/4, 24 * 365); alert(id); $('#page').page();
Latest require.js Not Working with the Latest jQuery Mobile and knockout.js
I have an ASP.NET Web API single page application (all HTML5/CSS3/JavaScript talking to the Web API only to transfer JSON data) that was working with require.js v2.0.4, knockout.js v2.2.0, and jQuery Mobile v1.2.0. Using Nuget, I upgraded to the latest version of require.js (v2.1.1). (Note: I’m using only require.js. I removed r.js. I never needed it in the past, which was just a day ago.) And, now my application doesn’t work correctly. On the Network tab of the browser’s tools, I can see that
Sortable on ul - dragging an item does not make list scroll in IE9
I am seeing an issue with Sortable in IE9 that list does not scroll as an item is being dragged down. Is it a bug or am I missing something here? Here is the sample that I am working with - <style type="text/css"> .sortable { border: 1px solid black; height: 200px; width: 368px; list-style-type: none; margin: 0px ; overflow-y:scroll; padding:0px 0px 0px 0px; font-family: Verdana; } </style> <body> <ul id="sortable"
Class functionality does not carry over when loaded dynamically
So I have the following code: <div data-role="content"> <div id="droppable" class="product_canvas"></div> <div class="customization_selection"> <div class="ui-grid-a"> <div class="ui-block-a" id="first_column"></div> <div class="ui-block-b" id="second_column"></div> </div> </div> </div> When I load an image and set the class attribute, the js method for the draggableImage works fine. It looks like this when all is well in the world: <div class="ui-block-a" id="first_column">
'Shake' effect every 5 seconds ?
how would i make the shake effect run every 5 seconds? do not want it clickable, just to start right away with 5 sec intervals of shaking. heres what i have now: <script> $( document ).ready(function() { $( "#toggle" ).effect( "shake" ); }); </script> thanks
Apply preset format to input field
Apply preset format to input field 1. How can I set the input to reflect this structure "999-999-9999" The "-" must be preset. (The user only need to type the digits). 2. The total number of digits will always be 10 digits. Any other command that I can use to replace the "rangelength" Thank you. Copy code phoneno: { required: true, digits: true, rangelength: [10,10] // numeric always 10 digits },
datepicker UI beforeshowday equivalent in keith-wood datepick
Hi All, I am currently using keith-wood's datepicker for multidate selection. Also i saw many features added in this datepicker. Now i need "datepicker UI beforeshowday equivalent in keith-wood datepick". I googled regarding this. some say that we can use onDate function. but how to use it.? can i please have an example for that..? i need this to enable only specifics dates in array. please help me on this.. Solution: I should have worked out this way before. But anyway i got a
how to do this menu?
Hi I am using the following sample. Please select a number: http://jquery.bassistance.de/accordion/demo/?p=1.1.2.4 Second Menu when user go to bass to menu and select electric, page loaded with selected menu;exmaple electric. but user mouse over other top menu, top menu is opened.but i'm user remove mouse over, selected top menu showed. how to do???
Update TextBox With More Than 1 Date From JQuery Calendar
Hey Guys, So i've used a DateTime textbox to allow the user to enter a date and click create, it will add this date to the DB. This works fine, So i've added a Jquery datePicker calendar to select multiple dates, (which works) but when I close the calendar it only adds the last selected date to the DateTime text box.... How can I go about where it will add all of the dates to the text box and save them to the DB? <script> $("#HolidayDate").addClass('date-pick'); $('.date-pick').datePicker ( { createButton:
Jquery Date Picker arrow key should be prevented
I want to force the user to only use the drop down and calendar to select a date in the DatetimePicker control. I do NOT want them to select the control, then use the up and down arrow keys to change the date. How can I prevent them using the arrow keys? Any help much appreciated. <script type="text/javascript"> $(function () { $(".datepicker").datepicker({ changeMonth: true, changeYear: true }); }); $(function () { $(".datepickerApplyyear").datepicker({ changeMonth: true, changeYear: true, yearRange:
Radio buttons with different names using JQuery.
Hi, I have created radio buttons with different names and make it working. If we select one Milk radio then Butter and Cheese not select and vice-versa I want to do same using JQuery. Following example using Javascript. <!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> <title>My Page</title> <script language="javascript" type="text/javascript"> function radiobuttons(checked)
jQuery Post to webservice
Hello, I'm looking for a way to post to my webservice. I've tested this via SOAPUI and it works like a charm. Now I want to code it but this does not seem to work. I'm using the following code: var aData = jQuery.ajax({ type: "POST", contentType: "application/xml", url: "http://delyo001.you.local:8000/sap/bc/youconsulting/ws/rest/anonymous/z_names_post?firstname=testz&lastname=zefzef", // for different servers cross-domain restrictions need to be handled //dataType: "json" success: function(xml)
accordion content cut off at bottom of page
here is the site http://patti-bee2.dcccd.edu/tank/gen6.html selecting the cyrix link opens the content but as you scroll to the bottom of the page, you'll see that it gets cut off. How can I fix this so the page will automatically extend downward to show all the content?
jQuery Pagination plugin 'page' option
I am having trouble with the jQuery Pagination plugin 'page' option (http://www.xarg.org/2011/09/jquery-pagination-revised/). It still fetches page 1 even when it is set as 'null'. Any help would be appreciated $('#SpamShortcutForm').ajaxForm({ //submit shortcut form success: function(results){ //console.log('<?php echo $this->Paginator->counter(array('format' => '{:count}')); ?>'); $(".pagination").paging(results.pcount, { format: '[< ncnnnnnnnn! >]', // define how the navigation should look
SF 2013 Conference
I missed 2012 because it was on the same days as Google I/O. I would really like to attend the 2013 conference. Google I/O will be on May 15-17, 2013 Thanks Alvin
I am writing my first JQuery script, I'm using the CDN and I'm not seeing any button images. I will paste the code below.
<html lang="en"> <head> <meta charset=UTF-8" /> <title>View Source</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.3.min.js"> </script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"> </script> </head> <body> <div id="home" data-roll="page"> <div data roll="header"> <h1>Home</h1>
Make draggable contianment array use the parent div coordinates instead of the window
I was playing around with the draggable containment array [x1, y1, x2, y2] and it seems that it uses the coordinates of the window instead of the coordinates of the parent div. Is there any way to make the containment use coordinates of the parent div. The problem being my draggable item is larger than the parent div so I can't have it contained to just the parent. Basically what I'm going for is creating a window (div 1) with overflow set to hidden. Then placing an image in that div that is larger
Resizable div in a resizable div issue
Hi all, i'm new about jqueryui but i'm having a lot of fun with it. Until now... :-) I cannot understand why i cannot have a resizable div in a resizable div. This is the example. <style> .demo { width: 150px; height: 150px; padding: 5px; position: absolute; top: 150px; left: 200px; } .fence { width: 350px; height: 450px; padding: 5px;
Resize the image to fill screen when users rotate mobile device
Hi, How do I resize the image to fit the phone screen when users rotate between portrait and landscape modes? I want the image width to be about 100% of the screen width and maintain the aspect ratio. Thanks
Using scrollLeft with percentages instead of pixels.
Is this possible?
JQM + PhoneGap app won't rotate to landscape on iOS
Does anyone know what would cause this and how to fix it? It rotates fine on Android. Thanks!
Question : Can you combine A document.ready function like so
Can this be done. I want to call this script below <script> $(document).ready(function(){ $("#commentForm").validate(); }); </script> then Let it do what it does, and then end the function (Kill it) so that i can then call this <script> $(document).ready(function() { $("#datepicker").datepicker(); }); </script> with out one canceling out the other.or Can these be conbined. also : same question having this in the head <script src="http://code.jquery.com/jquery-latest.js"></script>
Next Page