jQuery/Songkick API integration
Question: I have two pieces - ajax function that calls/displays data from Songkick and function for jQuery calendar, both of which right now show up separately from each other. How can I populate calendar with data from Songkick? All the code is here: http://ilyasitnikov.com/calendar/calendar.html Thank you so much!
Fancybox positioning problem !
this is a page i have created , when i go to the gallery section and click on an image , everything works fine , http://purplefront.net/naksatra3.0/#about except that i am back to the top of the page , why is it that the page just can't be where it is ?
Trouble passing 'this' to correct variable
<script> $( ".info_button" ).on( "click", function() { var position = $( ".result_content" ).css( "margin-top" ); if ( position == "-170px" ) { $( ".result_content" ).animate({ marginTop: "0", }, 500 ); } else { $ ( ".result_content" ).animate({ marginTop: "-170px", }, 500 ); } }); </script>
Text overlap when scroll vertically
I encountered a problem of text overlaping. Sample: http://jsfiddle.net/7qwAr/11/ "UAT testing on 7 Aug" will overlap "UAT testing at 7 Aug" will not overlap Any comments/idea on this would be most appreciated.
how to pass parameter from url to behind code
Hi.. I have a function behind code that generate xml from database query.. I use jqxgrid to display a table.. and the data displayed was chosen by user from a dropdownlist.. I have problem on passsing the parameter.. Appreciate if someone can advice me.. THanks.. $(document).ready(function () { var e = document.getElementById("MainContent_ddlType"); var selectedT = e.options[e.selectedIndex].text; ; source = { datatype: "xml",
How to split returned item in jQueryUI autocomplete?
Original Example Failed Example Here's the returned data: var availableTags = [ 'ActionScript|AppleScript|Asp', 'BASIC', 'Clojure|C++|C|COBOL|ColdFusion', 'Erlang', 'Fortran', 'Groovy', 'Haskell', 'Java|JavaScript', 'Lisp', 'Perl|PHP|Python', 'Ruby', 'Scala|Scheme', ]; How can I split the items into arrays during the `renderItem` function,and when users type PHP it will only return PHP from 'Perl|PHP|Python'?
jQuery Mobile content height issue with iOS 7
I'm having an issue with jQuery Mobile 1.4.2 using iOS 7 on my iPhone 5. I have created a web app and my layout includes a header, content and footer on a normal page. For some reason, I am still able to scroll down page on iOS 7 safari even though all elements within the content are visible. This is causing me some issues throughout my app, and I have tried seemingly everything to fix it. Here are some screenshots to explain what I mean: Not scrolled: http://imgur.com/Kk4z4nc Scrolled: http://imgur.com/sBRSmVc
Slide-in menu doesn't work
Hi... I'm building a new mobile site using jQM 1.4.3, and I'm wondering if someone can help me resolve an issue with my slider menu (if that is where the problem is!) I've streamlined my html here to demonstrate the issue. Here are the steps to duplicate the problem: 1. From the Home page, click the "More" button on the bottom navbar. The slider menu opens. 2. Click Music. The Music page loads. 3. Click the "More" button on the bottom again. The slider menu opens. 4. Click Home. The Home page loads.
Listview slide menu doesn't always refresh to top
Hi, I have a mobile site with a bottom menu bar. Two of the buttons on that menu call a slider listview menu. If the page I'm currently on is scrolled down when I click one of those two buttons, the listview menu slides in but it is also scrolled down so I can only see the bottom of the menu. Here is the site: www.oliverrichman.com/mobile It doesn't do this on all pages. Some pages (such as "Photos") work great. But on the News page for example, if you scroll to the bottom of the page, then click
freeze table header
Hi, I have done a lots of searching and found some example of how to freeze the column header but none of them work. Is anyone can you point me to the correct one or anyone has any example? thanks Langston
jQuery does not return from server suddenly
I use Coldfusion server and jQuery for client side code. My jQuery works fine more than one years. It suddenly does not return any records from jQuery.ajax get. My ColdFusion code still returns records. It is possible that recent IE update, because some machines still work. I would like to know are there any configuration or security setting can check or set to enable or disable jQuery.ajax. It looks like that the jQuery code does not trigger at all. Your help and information is great appreciated,
disabled all a (href) except id = CancelAuditButton and RefreshButton in one line of code instead of two seperate lines of code,
I have a jsp code list below. I want to disabled all a (href) except id = CancelAuditButton and RefreshButton in one line of code instead of two seperate lines of code, thanks in advance. $("form a[id!='CancelAuditButton']").attr("disabled","disabled"); $('#RefreshButton').attr('disabled', false); <div id="buttonDiv" align="center" style='z-index: 10000;'> <table border="0" align="center" cellspacing="0" cellpadding="0"> <tr id="buttonSection"> <td class="noPadding"> <a class="button2"
How to create Search in Jquery Mobile
I want to create a search app for - Source - To Destination of train For example - A user will select Source - And Destination and when he pushes search - Available - Train or bus should be listed. All process should offline on an Android phone . Can anybody please help ?
Making a 'wizard' form
Hi all - I'm wanting help on creating something that I'm struggling to find the correct terminology for and therefore google about it. Essentially I'm wanting to create a configurable form that gives users information on each selection. So for example: CHOOSE A LOCATION YOU'D LIKE TO VISIT - Melbourne - Sydney - Canberra (This would then open up next step) CHOOSE YOUR IDEAL ACTIVITY - Surfing - Exploring - Dining (Then a list of options would be presented) I know this sounds ambiguous, but I'm wondering
button issue
I just changed my buttons in my application from CSS developed a few years ago that really was ugly. I basically just change the class names and then call $(".aButton").button();, but I am having a problem with the buttons with both href and onclick attributes not running the way they did, it seesm to do the onclick function but not the href stuff. <a onclick="return mySubmit('Cancel',this);" href="javascript:closeDialog();" class="aButton aButtonRight ui-button ui-widget ui-state-default
how to pass callback with variables?
how to pass callback with variables? function scrollToElement(element, offSet, callback) { $('html, body').animate({ scrollTop: $(element).offset().top + offSet }, 800, function () { if (callback) callback(); }); } //and from some function i call: scrollToElement($p, -80, function () { openTv($p) });
How to use the jQuery Cookie Plugin to make jQuery remember the page number after page reload
Hi, I am trying to configure a jquery plugin/script for pagination to use with my perl application, the problem is on page reload or refresh the pagination slider returns to 1 because there is no functionality in the script to remember the position of slider on page reload, so as to make slider to remember its position after page reload we will have to add some routines to the javascript using a jquery cookie plugin. Here is the script <code> (function($){ var methods = { init: function(options)
having trouble with passing variable to ajax
I've got a script, embedded into a page, which supposedly should get the text of links being pressed and pass it via json to flask, the python web-framework. I get the text of the links just OK, but when I pass the variable to ajax, it is not arriving, flask says variable is empty. I found about "traditional: true" setting, but it does not seem to improve the situation. Please help, totally lost in this... <script type=text/javascript> var selected; $("a").bind('click',function() { selected=($(this).text());
Getting values from Dialog Box
This code is from jQuery-ui demos. I'm trying to get the value for the Textbox and Radio button selection. I get the alert value for Butter, because it is pre-checked. When I select one of the other two, I still get the pre-check selection. Can someone help me with this? I start working with jQuery last week. My alert for the radio check box is inside functions/buttons: buttons: { Add: function() { addTab(); $( this ).dialog( "close" ); // Find result of Checked Box var CheckBoxValue =
How to remove dynamically added element
Hey Guys, Im extremely new to jquery and im trying to create an invoice system for personal use. Thus far Ive researched online and I got this far, but I cant figure out how to remove a dynamically added element after its been created. My code: <script> $(document).ready(function(){ var table = $("#TextBoxesGroup"); var row = table.find("tr").eq(1); var count = 0; $("#addButton").click(function(e){ if (table.find("tr").length >= 51){ alert("Maximum of
Find text and wrap with markup (or replace)
I have been trying to figure out how to find all instances of a certain word or phrase within an element and wrap those words in <span> tags or other html. I.e. change all instances of 'the keywords' to <span>the keywords</span> So far I've found a lot of references to :contains() but that will change the element the text is inside of rather than just the text itself. Any advice or references would be much appreciated.
Jquery is not working TypeError: o.find is not a function
Hello - I am supporting an application which is using Jquery, when i upgraded the mozilla to latest verions some of the functionalaties using Jquery is not working. I am getting the below error when i am trying to invoke those functions. I am using JQjQuery JavaScript Library v1.3.2
hover function not consistent with multiple nested accrodion
hi i am to totally new in web programming. i am trying to develop a jquery's nested accordion with hover method, here is my html, java script and css code along with link to jsfiddle.net is http://jsfiddle.net/sgjz7/ html: <div class="accordion"> <h2>A'ad the Tribe of</h2> <div class="pane"> <div class="accordion"> <h2>A'ad the Tribe of</h2> <div class="pane"> <div class="accordion"> <h2><a href "#">Chapter (41) sūrat fuṣṣilat
pagecontainerremove event not fire
I am using jqMobile 1.4.3 and want to register a page remove event on pagecontainer but not success Code i write: $( ":mobile-pagecontainer" ).on( "pagecontainerremove", function ( event, ui ) { //DO something }); Finally i listen on "pageremove" event for Page Widget instead of pagecontainer. It's success! But this is a deprecated event. I check with jqMobile source code and didn't find any trigger point for pagecontainerremove event. Here is trace for page changing flow. After calling $(":mobile-pagecontainer").pagecontainer(
datapicker with beforeshowday on-line
sorry my language. I use translate Google: Developers jquery spent much of his time to bring almost to perfection your product. It is a pity that such a well-developed service Ajax is impossible for practical use in datapicker!. He asks until August to datapickker of beforeshowday could it handle arrays permitted days generated on the fly based on previously selected item from the list of identifiers. Each identifier can have its own independent scope yet released dates. Datapicker once called is
Grabbing text from elements and turning into array - then inserting that array back into the DOM
Hi all, I would like to turn the text of a group of <h5> elements that are in a div with the id #parent into an array. This array would then appended to another div, with some html wrapped around each value. Can't actually find much documentation on this out there, wondering if any experienced forumites know how to do this. Here's the jQuery I've tried: var optiontriggers = $('#parent h5').serializeArray(), innerHTML; $.each(optiontriggers, function (i, field) {
Broken Query Expired SSL Cert
Hi, I noticed that our language converting is no longer working and our dev guys said it was due to an expired cert from https://code.jquery.com/jquery-1.11.0.min.js Can you help? TY
jquery/javascript context menu item builder
I am trying to use the context menu script to build custom menus depending on what is clicked. I am having trouble applying if statements to the items on the menu to custom build it based on circumstances. Is there a work around for this? I tried building an object array outside of the function and calling it but it didnt seem to recognize it. *example.. add an if statement to include the edit item on the menu $(function(){ $.contextMenu({ selector: '.context-menu-one',
instant search trigger after multiple character entered?
Is there any simple way, to set up the search trigger in such a way so it starts searching after entering lets say 3rd or 4th character? http://jsfiddle.net/WD5jN/1/ thank you for your effort :)
.css() and svg > Google Chrome
Hello, I have a big problem with the .css function and a svg in Chrome. I'm trying to resize a background-picture, everything works fine with Firefox but in Chrome it doesn't work. It works only if I use a png and not a svg. Example page: http://99nos.de/test2/test.php Every time when you refresh it generates a new random amount of text to give every time a new size. Can anyone help me please?
jQuery UI TAB is not working on ie8
Hi I have coded an a help desk form with 10 tabs. It works fine on all browsers except ie8. www.skmarkets.com/helpdesk/ My tabs has date picker and forms. these era my JS CODES <script type="text/javascript" src="js/modernizr.custom.04022.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <!--<script type="text/javascript" src="js/jquery-ui-1.8.23.custom.min.js"></script>--> <script type="text/javascript" src="http://code.jquery.com/ui/1.11.0/jqueryui/1.11.0/jquery-ui.js"></script>
APPLY HOVER CSS VIA JQUERY
I am using bootstrap and jquery 2.0.3 Is there any possibility to apply a hover css from a external script. I tried $("#btnTest").addClass(".btn-warning:hover"); but it is not working. any help would be appreciated thank you
Layout inside tab not working
Here is the HTML . There is no external css file (scroll down to the html code) http://stackoverflow.com/questions/24980149/jquery-ui-layout-inside-tab-not-working What I want to acheive is as follows : I have some tabs as in this image and I am trying to put in a ui-layout in one of them now. https://lh6.googleusercontent.com/-7_tawRRzXVo/U9TEZYSkSFI/AAAAAAAAAvA/NorX9BYpL8w/s1600/onlytabs.png In want a to put a layout in one of the tabs. With the layout code targetting tab1 (see below) it looks
trigger iphone 'Done' button on video ended
I used JQM for a small video app development .. and I am quite happy with the result.. as user can watch it on their computer or mobile device. I am using video.js as an HTML5 player with auto fallbacl to Flash .. and it runs .. ( I am using a single page template ) watching my test app at http://video.webdufour.com/optimal, you can see : 1 - a movie sequence in the video player ( when an ads clip ends it's removed from the playlist ) 2- upon last clip of the sequence ending , the #playlist-page
Activating a Modal for non registered users onLoad and onClick
Hi guys I am using Wordpress, and have a members only lockdown for 95% of the site, but the homepage is viewable to all. The homepage however has links, which link through to articles etc for members only, and a few other links which I would like anybody to be able to click, e.g social. My fiddle below is basic, it checks for non logged in users via the body class in Wordpress, and activates a Login modal for them on page load. I would also like this modal to activate when they click any links bar
.html() issue with unordered list
I am having an issue with setting the html of a ul. I am using jquery-2.1.1.min.js My simplified code is as follows; <ul id="test-ul"> <li>first</li> <li>second</li> </ul> <script type="text/javascript"> $(document).ready(function(){ $("#test-ul").html("<li>new first</li><li>new second</li>"); }) </script> The code works fine but the browsers return errors as follows: IE11 returns the error: 'SCRIPT438: Object doesn't support property or method 'getAttribute'' Firebug returns the error:
Syntex Error: missing ) after argument list
Hi, Can someone tell me how to fix this. I get the same error for the commented out $.each also. I have tried to make this as simple as I can so show no other code. accData was returned from an AJAX call. function showTable(acctData) { //$.each(accData, function(i, item) { // alert(data[i].invNo); //}); $.each(accData, function() { $.each(this.function(name,value) { document.write(name+" = "+value); }); }); }
function checkuser()
I modified a jQuerry script to use it on my login.php. In the script is a function called checkuser(). This function will fade in a msg to register, when the username does not exist/ / is invalid. Right now as I'm using this code, every username is invalid. So how am I gonna check my database using this code? <div id="register-inner"> {{ Form::text('username', '', array ('id' => 'reg-user', 'class' => 'login-input required', 'placeholder' => 'Username', 'autocomplete' => 'off')) }} </div>
How to remove collapsible icon ?
Hi I am using jquery mobile (last version 1.4.3) Now, I want to remove the default icon on coolasible. But I dont know where it is How can I do it ? Thank you so much
CSS style not being honoured
Hi Guys, When I debug my CSS properties under Chrome it normally shows the proper *.css file under the “Styles” tab of the rule it applied to my element (‘button’ in this case). Just now I am struggling with the case where it shows me something like this (no source .css file at all): input[type="button"],input[type="submit"], input[type="reset"],input[type="file"]::-webkit-file-upload-button, button { 1. padding : 1px 6px; } I specified for my button element the bootstrap.css classes “ .btn-primary”
Next Page