Noob question - jquery.js not allowing a plugin to work
I'm using artisteer to generate a web template. It uses the jquery.js to manage the top horizontal menu bar. I'm trying to utilize the "plugin" PicasaViewer 2.0 Its not working. I've trouble shot it down to the jquery.js line of code. If I remove it, Picasaviewer works fine but I loose some formatting to the menu bar. If I keep the jquery in, the plugin doesn;t "grab" the photo galleries from my picasa account. I can't even begin to understand the jquery script and am wondering if someone could
Only show Active Items in autocomplete
I have a question. I have an Autocomplete the is shwing a list of Active people. Is there a way to only show Active people but if they type a name of an Inactive person the name will show in the input box but not in the dropdown list? This is my combo box function (function($) { $.widget("ui.combobox", { _create: function() { var input, self = this, select = this.element.hide(), selected = select.children(":selected"), value
slideto div on page load
I'm probably being thick and missing an obvious way to do this, but using the slideto plugin (http://jesseprice.com/jquery-slide-to-plugin/), how can I execute this when the page has loaded, to slideto a particular div halfway down the page? I'm sure I need to use $(window).load(function() { }but I can't think how to just say to slideto() without an event trigger? Any help appreciated. Thanks, Ed Ludlow
Scrolling not working on chrome browser?
Hello, The jquery scrolling on this page http://kimcolemanprojects.com works on safari,firefox and opera but does not work on a chrome browser, does anybody know why? Thanks very much for any response. Angela
Jquery UI Tab - Adding more tabs should add in same line
Using jQuery UI tab want to display tabs in one line instead of wrapping to next line. While adding new tab dynamically if new tab not fitting on the tab panel, size of existing tabs on the panel should automatically adjust to fit the new tab on same line. Like if open more tabs in Firefox or IE.
flicker/kind of refresh after page being loaded (jqm 1.2, phonegape 2.2)
first the facts: i am using phonegap 2.2.0, jquerymobile 1.2.0 on ios 6 with iphone 5 and iphone 3gs. i have an application which has some local html-files that are supplied in the www folder. from the start/index.html page of the app i open those pages. there are also content which will be loaded via an ajax call that returns json which then will be converted to html and being displayed. the new "fade" transistion looks really nice on both iphones, much better than the old slide transition with
Jquery listview
hello, sorry for my english i trying to display a database result query in a ordered list. but if i add data-role="listview", the result is not displayed with the jquery style (just the basic html orderer list) var lis=""; for (var i = 0; i < result.rows.length; i++) { var row = result.rows.item(i); lis+="<ul data-role="listview"><li><a href="#">'+row.FirstName+'</a></li></ul>'; } $('#mylist').html(lis) $('#mylist').listview('refresh'); <div id="listview"></div>
How to make Tooltip onClick
Hello, I am wondering if it would be possible to open a tooltip from jQuery UI on a onClick event and how one would implement that.
[Tabs component] How to remove a tab but not its div component
Hi all, and thanks for paying attention ! I have a tab component with few tabs leading to the same DIV : $('#ecocalculateur_tab_container').tabs('add', '#ecocalculateur_input_tab', ''); $('#ecocalculateur_tab_container').tabs('add', '#ecocalculateur_input_tab', ''); $('#ecocalculateur_tab_container').tabs('add', '#ecocalculateur_global_tab', '');So tab 1 and 2 share the same content. Then i need to remove the second tab : $("#ecocalculateur_tab_container").tabs('remove', 1);But doing this also delete
Multiple links in listview item - turn off auto-linking
I have a listview with some links inside an <li>. How do I turn off the auto-link-function (generate a button, onclick on complete <li>) to have an unclickable list entry with clickable links inside? Can I force a read-only-list with links inside?
problems using fancybox with jquery?
Hi Guys, I'm using the excellent fullcalender plugin. Rather than using js prompt in my script, I'd like to use content in a div that I style up with css and use some nice graphics. I'm trying to use the fancybox plugin, can anyone please tell me how to the fancybox working and how to pass the value from fancybox to the if statment below it? Currently get error: Timestamp: 07/12/2012 14:49:51 Error: TypeError: $.fancybox is not a function Line: 39 Many thanks $(document).ready(function() {
Can not get my Vaildation too work !!
Am trying to vaildate this datepicker As a { required field } only. When submit is pressed. Help needed with code to Vaildate this datepicker, cant get an error message from it. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script> <script src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script> <title>Reservations and booking form</title>
Add onChange to Google Translate with jQuery and jQuery Tools
I've got a page that uses the Overlay feature of jQuery Tools to open an overlay with Google Translate inside the overlay. Once the overlay opens, I can select a language and the page is translated. I then have to click the X to close the overlay. What I'd like to do is have the overlay close automatically once a language has been selected. I'm not sure exactly how to do this. Here is my code: <html> <head> <!-- Load jQuery --> <script type="text/javascript" src="./Resources/jquery.min.js"></script>
Contents of popup loses style
I'm using JQuery 1.2. I have a popup that is opened with a simple anchor tag. When it is displayed, The outer div of the popup has it's style but the contents don't. The buttons look like links instead of what I am expecting. Has anyone else seen this issue? <div data-role="popup" data-theme="b" data-overlay-theme="a" class="ui-content" id="popupTest"> <div data-role="header" data-theme="a" class="ui-corner-top"> <h1>Send Local Data?</h1> </div> <div data-role="content" data-theme="d" class="ui-corner-bottom
ScrollStop Issue
The below code doesn't working in my Kendoui + jQuery Mobile App on scroll an endless scrolling items, could you please suggest me on this. $('.classOfList').on('scrollstop',function() { alert("message here"); });
hi .. I'm jay r ,what is the technique of query that easy to learn,
i want to have the experience of jquery TYSM!!
reload jquery windows
with javascript i used window.open to open a page, enter data into a form and at the end, before closing the window i used the follwing js command window.opener.document.forms[0].action="mainPage.php", window.opener.document.forms[0].submit(); to reload the opening page. now i want to do the same with jquery-ui dialog windows: i insert a tag object in it to open a page and then..how i can simulate the above js command? the problem is that the code for jquuery-ui windows are within the code of the
how i header freeze
demo how i header freeze <div id="divScroll" style="overflow-x: hidden"> <table id="tableAppointment" bgcolor="#fcfcfc" border="1" cellspacing="1" width="100%"> <thead> <tr> <td class="csstextheader" width="70px"></td> <td class="csstextheader" width="70px"> <b>Time Slot </b> </td> <td><b>Room 7</b></td> <td><b>Room 8</b></td>
jQuery Ajax in parallel
jQuery.each(parameters, function(i, value) { params = "name1=value1;name2=value2;name3=valu3"; jQuery.ajax({ type : "get", url : "url", contentType : "application/x-www-form-urlencoded", datatype : "json", crossDomain : true, data : params, context : this, async : true, success : function(response) { } } I have increased the ajax performance by using the above. I have heard that it can be increased more
jQuery hide() show() alignment issue
Hi, I'm a new person for this forum. I have a big trouble in one of our web production. We have using jQuery for displaying a tree control. Displaying and hiding child nodes by using show() and hide() methods of jQuery. This method has been working in chrome browser. But in Internet explorer compatibility views having big trouble. Hidden child nodes height has not been adjusted with next level parent nodes. So the hidden place showing blank spaces. Can anyone have any idea how to fix this issue.
Problem with jquery dilog in ajax load
<div id="Comment"> <div id="MyDialog1"> <input Type="hidden" value="1" id="hfDialog1userId"/> <div><!--End of div MyDialog1--> <div id="MyDialog2"> <input Type="hidden" value="1" id="hfDialog2UserId"/> <div><!--End of div MyDialog2--> <div><!--End of div Coment--> <input type="btn1" onclikc="LoadComentPanel();return false;" value="My Button"/> Div "Coment" is loaded using jquery ajax <script type="text/javascript"> $(document).ready(function(){ LoadComentPanel();//Bind comments with
Dialog pop-up on page load?
Hey, I'm an intern at programming corporation, writing a web application with jQuery Mobile. I'm quite new to jQuery Mobile, so wondering how to make a dialog pop-up on page load. For instance, as user enters the web page, Terms of Use -dialog would pop up and user has to either agree or disagree with them.
Linking separate scripts to different versions of jquery on one page?
Is it possible to link different scripts to different version of jquery on one page? For example on this page http://kimcolemanprojects.com/ my scrollto jquery does not work on chrome with latest 1.8.3 query but does work with older 1.4.2 version. However my other script which is mouseover image displays does not work with this older 1.4.2 version. Any ideas??? Thanks for your time. Angela
problem with binding mouse enter mouse leave in complex fold out menu
Hi all, I have some problem integrating a mouse enter/leave (alter. hover) event in this function: function appendTitles() { var titles = gtitles; $.each(titles, function(index,title){ $("<img id = 'title_"+title+"' class='titles' src='images/title_"+title+".png'></img>") .appendTo('#folder') .bind('click', function() { var work = $("#gwork").val(); $(".work_" + work).fadeOut(950, 'easeOutSine', function() { $(".work_"+ title).fadeIn(950, 'easeInSine'); }); $("#gwork").val(title);
Collapse all button not working
I have an image swap script that I am using. I have 2 buttons, Expand All and Collapse All. I was able to get the Expand All button linked so now when I click it, it updates the + and - signs to change when clicked. I can't figure out how to get the collapse all button linked in though. Obviously, when i Click expand All, it expands all of the list and changes the + sign to a minus and if I click expand all again, it changes the - sign to a +. I want to do the opposite when the collapse all button
feedback on a dialog extender logic i'm developing (updated)
I would love some feedback on my code. I recently rewrote some code I had been using since year to that provided me with some functionality that i felt was missing. the code, allows for url support, title bar hiding and maximizing capabilities, im trying to maintain jquery ui's principles. http://jsbin.com/ifoke5/30 (updated) *** edited 3/24/2011 : *fixed demo: page worked when in edit mode but regular mode (fixed)
Using JQuery in Blogger
Hi All, I'm really new on this, in fact this is the first thing I'm trying to do with JQuery. I'm trying to get a Photo Gallery done in my blog and it is driving me crazy. I download some code from http://www.twospy.com/galleriffic/ and I'm trying to learn how to use it. I have 3 jQuery files: 1. jquery.galleriffic --> which I understand is the important file with all the Gallery code 2. jquery.opacityrollover --> which I belive has extra functions for the Gallery (not totally sure though) 3.
Hidden Input .text IE Compatibility View issue
I came across an issue that I was having while trying to handle an ajax call and thought I would pass it along. I wasn't able to fix the problem, but I was able to get around it. I have a hidden input control, along with a label that I'm populating with data from an ajax call. The call returns a dictionary of multiple clientid keys and values for each. I loop through this list and make the following calls $($get(clientId)).text({some value}); $($get(clientId)).val({some value}); I do both because
How can I get this Show() function to view selected=selected as a value so that it will work with values fetched from a database?
This show() function works correctly if values are hard coded and/or selected on the page, but isn't working if the values have been retrieved from the database. This script doesn't seem to be recognizing the values even though they're echo'd properly and are being utilized by in 2 different ways on the page - to display the values as text, and to set the values of the relevant input elements (the user toggles between these depending if they're in View or Edit), and the HTML source code shows those
Problem with back button on phones
I've been developing a new site using Jquery Mobile and now that we are testing on smart phones I'm running into problems with navigation, specifically when somebody uses the Back button. For example, you start on the landing page, you click on a link to go a another page. That page has a form which delivers you data when you submit. Now you're on the results page, you click Back, you are on the correct page. Now you click back again, which should take you to the starting landing page. What we're
jquery context menu with ajax
Jquery context menu I am using it from this example http://code.google.com/p/jquery-vs-context-menu/ below is the code it works good , in my case I create the div with ajax , its not preset when page is loaded please advice how to make this work when the <div class="vs-context-menu"> is create with ajax request <script type="text/javascript"> $(document).ready(function(){ $('#context').vscontext({menuBlock: 'vs-context-menu'}); }); </script> <div class="vs-context-menu">
OK - this shouldn't be so difficult (sigh)
Hello: I'm working with a jQuery constructed table. The table assembles wonderfully. Now I want to grab the text() of the 2nd <td> on the row I've selected. But I can't figure out how to do it. Following are the details: construction syntax: function rowBuilder(data) { return '<tr class="myRows">' + '<td class="e_lay"><input type="checkbox" class="Grp_Chk" value=' + data.GroupID + '></td>' + '<td class="b_lay GrpName">' + data.GroupName +
PrinterShare not working w/ JQuery mobile site that uses dumbFormState plugin
dumbFormState plugin conflicts w/ PrinterShare when trying to print. JQM loader spins and pages never appear in PrinterShare window. Would like to use the formstate plugin and local storage when printing to bluetooth wifi printer. Commenting out persistLocal :true allows PrinterShare to work but the form no longer stores fields in local storage. DumbFormState works fine w/ local storage & persisted fields when printing out from the desktop. How to mitigate?
Destroying countdown within div
I'm using the Jquery countdown plugin from Keith Wood to show a countdown to a given time Everything works fine..but I'm stuck on a little piece of coding.. I'm trying to update a <div> with a new countdown, therefor I need to destroy the old countdown within that same <div>.. but that seems to fail. I'm using the destroy function from keith woods countdown plugin, but the coding I have at the moment shows the new and old countdown blinking through each other.. <script type='text/javascript' src='jquery.countdown.js'></script>
problem to apped select to dynamic table
Hello All, i'm newer with jquery and i'm a project and i have some a problem to append a select objet in a table that mark the selected option the code that i try to use it is var index = 1; $("#parentesconuevo").click( function(){ $('#table1').append('<tr><td></td><td></td><td></td><td></td><td></td><td></td><td><a href="#" class="delete">delete</a></td></tr>'); $('#table1 tr:last td:eq(0)').html(index); $('#table1 tr:last td:eq(0)').html('<input type="text" name="nombre[]" id="nombre" class="
ajax form works - partially
Used a contact form, and it works - except that it doesn't extract the phone number field into the email. Any suggestions why? Thanks!
looping through child divs and check for a condition.
I have this simple code, a condition and action repeated but I am sure there is a way of not repeating my self. I have tried using .each(), .siblings() and #layer_wrp > div in various ways. All these layers are nested in a #layer_wrp. Can anyone advise ? Thanks My code: var $welcome_layer = $("#welcome_layer") etc...... $(function() { jQuery.fn.slideRightOut = (function(){ if($welcome_layer.css("margin-left") ==='900px') { $(this).css("z-index",-1).stop().animate({ marginLeft: "1800px"
On Ajax loading
I'm gradually getting a handle on the whole jQM paradigm, but there are still some things that I haven't figured out. I'm hoping that someone can help me... 1) jQuery Mobile loads subsequent pages via Ajax. But what should those subsequent pages look like? Full web pages with a head, etc? Or just the <body> contents? 2) If ajax-loaded pages should be HTML fragments rather than entire documents, are there any request params that jQM sends, or can I somehow specify these parameters so that I can
inline jquery
I want to write inline jquery at the tag itself than writing it in header page here is my html <fieldset> <legend> Comments <a class="showHide" href="#">Show/Hide</a> </legend> <div> <div wicket:id="commentsRepeater"> <div wicket:id="comment"/> </div> </div> </fieldset> I wan to write jquery code in onclick attribute of anchor tag with class showHide, Can we do that ? here is my jquery $(document).ready(function() { $("a.showHide").live('click',function (event){ var fieldset=$(this).closest("fieldset");
Radiobutton widget
Hello. I'm using jQuery mobile 1.2.0 and the following markup: <fieldset class="data-types-horizontal" data-role="controlgroup" data-type="horizontal"> <legend> Choose data: </legend> <input class="data-type" name="cjr-h" id="cjr-h" value="cjr" checked="checked" type="radio" /> <label for="cjr-h"> CJR </label> <input class="data-type" name="languages-h" id="languages-h" value="languages" type="radio" /> <label for="languages-h"> Languages </label> <input
Next Page