I am using a jqery gallery and facing a problem with chrome and safari ...
http://trademarkvisual.wsiefusion.net/test11.htm I am using a xml gallery on the page above but I am facing a some problem with chrome and safari .In mozilla its working fine but in chrome the left and right arrows comes at same position ....You can check the code by seeing source or using firebug in Mozilla Firefox . Please help me as soon as posible...I am no knowledge about jquery
Form select options open up in a dialog when placed inside a dialog
The select options open up in a little overlay with a pop transition when placed on a page, but when in a dialog, it opens up as another full dialog. How do I make it open as an overlay? <div data-role="dialog"> <div data-role="content" > <form data-inset="true"> <div data-role="fieldcontain"> <label for="select-choice-1" class="select">Choose shipping method:</label> <select name="select-choice-1" id="select-choice-1"> <option value="standard">Standard:
jquery validator show correct inputs
I'm using the jquery validation plugin and I'm wondering if there's a way to display text if the input is acceptable. for example: if there's a username text box and there's an error, it says "there's an error here" but if there's no error and there's something in there it says "great!" or something a long those lines. anybody know if this is possible with this plugin?
Attributes of elements in loaded content..
I have a question regarding child attributes.. In my page i used load() to load some content from other page(page-2) into current page.. And in that page-2 there is an iframe at some point.. Can you please tell me how to access the attributes of this iframe in page 2 from page-1's script..?
jQuery Position Logic: Shouldn't this work in Safari?
This works in Firefox and even IE 6 but for some strange reason, it isn't working in Safari. I'm probably missing something in my code but I also noticed the same issue with the jquery site: http://docs.jquery.com/UI/Position If you hit that page with Firefox, the blue box appears on the right side. But if you hit it with Safari, the blue box appears on the left side. Any thoughts on what's going on? Thx. $(document).ready(function() { $("#myRedBox").position({ my: "left top", at: "left top", of:
Grouped checkboxes with inset list ... possible?
I'm trying to create vertically grouped checkboxes that each have a "more info"-type icon on the right, leading you to more information about each item. Basically the same as the iPhone/iPad Wi-Fi "Choose a Network..." combined checkbox/list view in Apple's "Settings" application. Behavior: 1. Click anywhere except on the "More Info" icon and it checks the checkbox 2. Click on the "More Info" icon and it takes you to another view I see support for the "More Info" functionality in the inset list section
Jquery-tmpl
Hello everbody! It's my first question in this forum and I hope you can help me! Well, I'm making a Json request and after the result comes I do the following: if (resultado.BuscarAtualizacoesResult != null) { var lstAtualizacoes = $("#lstAtualizacoes"); $("#tplItemAtualizacao").tmpl(resultado.BuscarAtualizacoesResult).appendTo(lstAtualizacoes); } else { alert('It doenst work! try again later '); } This code is working fine! But
Using .not() and .first() @ same call
Hi all; I have a a problem using .not concatenated w/ .first and would like some help if possible: <div class="innovempty cloned"></div> <div class="innovempty"></div> <div class="innovempty"></div> <div class="innovempty cloned"></div> would like to get something like $('.innovempty:not(.cloned).first').remove(); the 1st innovempty which is not .cloned is there someone which has a suggestion? Thanks in advance!
How to transmit data of restricted dates to the datepicker?
Greeting. Apologize for the poor knowledge of the language... I have a question. I need to transmit the data of the restricted dates to the DatePicker, but i can't find on the site info how to do it. I made the reservation for the sanatorium, and a visitor on the site should have see which rooms are free on a certain date range. But how can i transmit this data to the DatePicker? And how this date should be like? Sorry again for my poor language.
Slide Rotator - list items on slide
Hi All I am trying to create a slide rotator. Have been successfull with that. However my problem is that over each image i need to have a div with hyperlinks. As the image slides i need the div to slide with it and on the new image i need a different div with different set of hyperlinks. My code so far is as such: <!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> <meta
value set in an event handler using css() method is not get next time
hi, I've a very simple code where i am setting the font-size to currect font-size + 2 for a paragraph. Its set first time but when next time event handler is called it gets the same old value. code is ... <!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></title> <script type="text/javascript" src="jquery-1.4.4.min.js"></script> <script type="text/javascript">
firing an event on addClass
Hello, I wonder if jQuery should add events to addClass and removeClass methods so we could add event handlers in our applications. I saw this discussion http://stackoverflow.com/questions/1950038/jquery-fire-event-if-css-class-changed where it is suggested to overwrite original addClass method, it seems this behaviour shoud be part of JQuery. Maybe change() method can be modified: $('selector').change('css', function(){ //do something }) Your thoughts?
Image Slider Help
having a problem with my image slider need help http://sldim.com/myspace/index-2.html
datepicker range maxdate
I am trying to use the example for the datepicker date range. I'd like to limit the range to not allow any dates after today. I have tried to put maxdate here... var dates = $( "#enterfrom, #enterto" ).datepicker({ maxDate: "0", changeMonth: true, onSelect: function( selectedDate ) { var option = this.id == "from" ? "minDate" : "maxDate", instance = $( this ).data( "datepicker" ), date = $.datepicker.parseDate( instance.settings.dateFormat
How do you check if a select option has been selected and then hide a div?
I tried using the following code to check if the user has selected a particular option in a single select drop down has been selected, then add a class to a div to display it but it's not working and I can't figure out why. I've tried a ton of other things to but this one seems to make the most sense. if ($("#existing-subscriber option[value='Yes']").attr('select')) { $(".information").toggleClass("show"); }
What does PhoneGap support mean in Graded Browser Support chart?
In the graded browser support chart (http://jquerymobile.com/gbs/) PhoneGap is similar, but not quite as good, as the Native column. My initial assumption is that PhoneGap uses the default browser for each device, which would mean it doesn't require its own column in this chart. Is this not true? I noticed John Resig mentions PhoneGap "uses WebKit as its rendering engine" in this presentation (http://www.slideshare.net/jeresig/testing-mobile-javascript?from=ss_embed), which would imply the PhoneGap
Hours of Operation Slider
I am looking for a jquery plug in that will make it easy to enter Hours of Operation ( to indicate when a business is open) as a form element. My current solution is Egor Khmelevs Safari Style Slider ( http://blog.egorkhmelev.com/2009/11/jquery-slider-safari-style/ ) but it will not jump to where you click on the slider, and will only allow selection by dragging the pointers. Is there a way to modify this plug in to accept click events to set the pointers? Or is there a better solution for what I
Selection field + disabling fields
Got some problems with a php script that outputs a jQuery script. The purpose of the jQuery code is that when you select an item from the select field that other items need to be disabled(works correct in all conditions) and that at the same time text in corresponding divs' text are altered. The thing is that the script basically works.. however when you've made a selection only the disabling works everytime but the divs are only updated once, so you need to refresh the page if you want to do it
Problems with show() in IE with image map using hilight plugin
I have an input which has an onclick event that will display (show()) the maphilight content within a div (initial css display:none) when in focus. My problem is strange and only seems to effect IE. That is the image map within the div does not display when the div is revealed by the onclick event. The div does display however the map is not displaying. If I remove the css display:none attribute it dipslays fine (but not as i need it obviously), so it appears to be a issue with IE not processing
Tabs broken in 1.8.11 ?
Just used the themeroller to generate new css and js files (created jquery-1.5.1.min.js and jquery-ui-1.8.11.custom.min.js). When I lined them to an existing page with existing tabs(previously 1.8.7), the tabs broke broke -- all content displayed vertically under the first tab, no ability to navigate to other tabs. I checked the demo file in the download package (jquery-ui-1.8.11.custom/index.html) and the tabs are broken there too. Is this a problem with 1.8.11 or could themeroller be having problems?
Jquery datepicker implementation
Hi guys, Ive got the datepicker working on this page: http://www.deans-place.co.uk/site1/date2.php Im now trying to implement it into my form. So far ive added the includes for the datepicker to my existing form header so it looks like this.... <link type="text/css" href="themes/custom/jquery-ui-1.7.2.custom.css" rel="stylesheet" /> <script src="includes/jquery.js"></script> <script src="includes/ui.core.js"></script> <script src="includes/ui.datepicker.js"></script> <script type="text/javascript"
Am i missing something? List of css properties available in jQuery .animate()
We've started using a lot of jquery animation, the difficult issue im having is finding a list of css properties you can use in the.animate() function? I seem to come accross this problem with a lot of jQuery - some great examples but no lists of properties and variables and what to expext in those variables for functions. Surely im missing something? Some super big help area or manual that lists all this stuff in?
Fade in chosen photo
Im using the code below for a gallery, where you click on the thumbnail and the large image appears on the right hand side. It work's great, but I would like the image to fade in instead of just appear and I can't seem to find where to enter the .fadeIn(). Thanks for any help <script type="text/javascript"> //gallery $(document).ready(function(){ //Swap Image on Click $("ul.thumb li a").click(function() { var mainImage = $(this).attr("href"); //Find Image Name $("#main_view img").attr({ src:
Problem with 'object undefined' in custom facebook newsfeed plugin
Hi I'm writing a plugin to retrieve the news feed from facebook. I'm getting the expected results from facebook but my plugin gives a 'undefined object' error even when its not rendering anything. Could someone please look at my code and maybe give me a pointer where the error(s) are? // JavaScript Document (function($){ $.fn.fbFeed = function(options){ var opts ={ username: 'exiledscot1', count: 5, refresh_interval: null }; if(options){$.extend(opts,options);}
Datepicker works only FF and Chrome
I love the custom datepicker. It works and does not inhibit Spry in Firefox(3.6) and Chrome(10). However, it is not working in IE (9,8.7), Safari (5) or Opera(11) with Spry Validate also inoperative - unless I remove the scripts calling the datepicker...then validate works, but the datepicker does not, of course. I do not use Spry Validate on date/datepicker field. I have the following in my head section and hope someone will provide basic guidance. This is way over my thick head. Thanks, Chrissy
My first jQuery and need some help optimising
Hi everyone ... I'm pretty sure this will be an easy answer that has been answered before however I'm not even sure what I should be searching for in the forums... so I'm working on my first jQuery site and it is all working, but my code is becoming long and I'm sure there is a way to reduce it. So basically I have a heap of DIVs labelled DIV_L1.. L2... L3 etc etc. Each one changes the content inside my main div called DIV_Video. It also changes the caption. As far as I can tell it is working, but
How to use autocomplete/combobox but restricting choices to the select list only?
Hi, I'm investigating if I can use a JQ UI combobox for my page instead of the existing select box. The problem with my current select box is that it is just too long, and users spend too much time searching for the right value. I'd like to use the combobox instead, but can't see how to limit the choices that the user can enter to what is in the drop down list. It seems as though the user can enter any value into the combobox. Is there a way to limit the user's options to specifically what
Someone willing to help me with clueTip and retrieving from a database
Hi, so im using clueTip to embed a video when a link is hovered. This is my code <script> $(function() { $('a.title').cluetip({ splitTitle: '|', arrow: true, width: '300px', height: '350px', closePosition: 'title', closeText: '<img src="cross.png" alt="" />', sticky: false, onShow: function(ct, c) { var src = c.text(); c.html('<embed ' + 'height="200" ' + 'width="100%" ' + 'wmode="transparent" ' + 'pluginspage="http://www.adobe.com/go/getflashplayer"
submit event
Hi all, I have a problem with Jquery's submit event (I'm pretty sure it's a lame one because of me being tired...) I'm using jquery and cakephp 1.3 to send some data in ajax. The problem is, it reloads the page with the request but doesn't uses ajax... here is my code <?php echo $this->Form->create(null, array('type' => 'get','id' => 'searchtagform',array('url' => ''))); echo $this->Form->input('tag', array('label' => '','id'=>'searchField')); echo $form->submit(' ', array('label'
$.get [getting the contents stored on a text file]
Hello, I'm just too vague over my understanding as to what I know so far may be true or not. Suppose, I a text file stored on the server. We all know that when a file stored on a server is opened for viewing, some bandwidth is consumned and the consumption increases with every refresh of the page and so on. So if i use $.get on the client browser to reteieve the contents of the text file stored on the server, will it affect the server bandwidth consumption? I just want to make it clear that it
Not able to add a class to the parent
<ul id="menu"> <li><a href="#"><strong>Electors</strong></a> <ul> <li><a href="A.asp">Conditions Required</a></li> <li><a href="B.asp">Verification of Entry</a></li> <li class="submenu"><a href="#">Special Measures</a> <ul> <li><a href="C.asp">Documents of cultural communities</a></li> <li><a href="D.asp">Measures for remote regions</a></li> </ul> </li> <li><a
Problem with Ajax .get ?
What is wrong with this? Trying to return text data from an ajax call. Getting a syntax error $.get('APAJAX.PGM', ({vendor:$vend, invoice:$inv}) function($text) { }, 'text');
Dynamically loading the list items in a looong ul
Hello people, I have a ul that contains almost 250 list items but i dont want to load all the items at once...only those items that users has scrolled to....suggestions ?
Event firing twice (again... I know...)
I notice that there has been talk about peoples Jquery functions firing twice. But none of the answers to their problems seem to solve mine.. Can anyone tell me why this event i fired twice: (When I click any one of my links with the class "popweb_jquery_tran", the event is being fired twice) $(document).ready( function() { $('.popweb_jquery_trans').unbind("click").click( function(){ $('#JQ_content_box, #JQ_footer_sublinks').animate({ opacity: 0 }, 500, function() { }); return false;
Issue with using .Get with a relative path URL.
I'm having an issue using .get and a callback. Basically, unless I use a fully quantified path when I deploy my site the call doesn't work. When I'm developing on localhost, the site works fine. It's an ASP.NET MVC site. I'm fairly new to jQuery... If I replace the code with an absolute path, all seems fine. Obviously I'd rather use relative paths... I'd be grateful for any insight you could offer... Here's the code: <script type="text/javascript"> $(function () { $("div.initiative").click(
jQuery .animate to bottom of view port?
Hi All. I want to animate a div on my page from the middle of the view port, to the bottom of the view port that the user can see on the screen. What I mean is that, no matter what size the window is, the div would start in the center (vertically) of the screen, and when clicked, would animate to the bottom of the view, without making a scroll bar. I have the div animated, but I'm unsure on how to get it to react to the user's view (window size). Any help please? Daniel.
ajax call to server fails
I've been trying to do a quick timed "server status" script, but it's not working for remote servers (only for local files). I get a consistent errors return even on 200 status return codes for remote servers. ie. url:"file.ext" works while url:"http://server.address" doesn't. Below is the snippet: function srvstats(){ $.ajax({ url: "http://server.address.goes.here/", cache: false, success:function(response){ $("#serverstatus").removeClass("down").addClass("up"); $("#serverstatus").html("Server
URL/URI and path styles for navigation
A few months ago I was pretty excited to run into jQuery mobile. I needed to write a mobile app and being a pretty big fan of jQuery I figured it would be a great fit. I immediately started running into issues with the way that jQuery mobile was handling URLs for its fancy AJAX navigation. I found some temporary workarounds (mainly by way of disabling AJAX entirely for all form submission and about 50% of the links) in the hopes that it would be fixed sooner rather than later. The problem Almost
Why doesn't bind() work with browser plugins (COM objects)?
Windows Media Player, Adobe Reader, etc. None of these can have events interacted with via jQuery's bind(), although falling back to the native implementations work fine. Anyone know why is this?
DropDownList selected value set by jQuery doesn't hold value at postback
I'm new at jQuery and I'm running into a problem where the value I select in a dropdownlist doesn't hold once the postback is hit by a button. My dropdownlist: <asp:DropDownList ID="_ddlGender" runat="server" > <asp:ListItem Text="" Value=""></asp:ListItem> <asp:ListItem Text="Male" Value="M"></asp:ListItem> <asp:ListItem Text="Female" Value="F"></asp:ListItem> </asp:DropDownList> Here's my jQuery code: <script language="javascript" type="text/javascript"> $(document).ready(function
Next Page