How to add more than one div in a tabbed menu?
Hey guys, I'm building a website where I have a menu (let's say it's a box) that has two tabs, "Enter" and "About". Now I've seen a video tutorial on how to make the tabbed menu work with JQuery, but what If I Want to add more than one div to the content? For example: div id="tabs"> <ul> <li class="active" style="border-top-left-radius: 4px; border-right: 0px;">Enter</li> <li id="2" style="border-top-right-radius: 4px; border-left: 0px;">About</li> </ul> </div> <div id="caixa"> <div id="enter"> <p>1</p>
Little help with a loop
I am trying to loop thru a json array of errors specific to a form #id (sel) but it is not working. function setErrors(errors, sel){ errorUpdate(sel); //alert(sel); // returns #add_form $(sel).each(errors, function(field, msg) { //alert(sel); returns nothing var parent = $('[data-field='+ field +']').parent(); $('[data-field='+ field +']').addClass('form-error', function(){ $(parent).append( '<span class="help-inline error-message">' + msg + '</span>'
Problems with ui Tabs
I have defined ui tabs. I have a <base> tag. Everytime I load the tabs page double the content gets loaded into the tabs. I need the <base> tag (Removing it fixes it). Is there a solution to fix this so I can use the <base> tag. Thanks for your help.
combine collapsible and non-collapsible
Greetings, I have a collapsible set, but what if I want one of the collapsible sections to NOT be collapsible (and have a hyperlink), but still live among the collapsible. Example: Sections 1 & 3 are collapsible with lists within them that are hyperlinked. BUT Section 2 has no lists/subsections inside it. I want Section 2 to be a hyperlink all on its own AND I want it to fit/nest/connect in with Sections 1 & 3, not stand out by itself. How to do this? Thanks!
Hyperlink autoclick on page load jquery
I want a link to get clicked on page load. For this I have added this script in my code: $(document).ready(function(){ $('#id').trigger('click') }); This document.ready() function works fine, If I test it to alert a message. But the link is not getting clicked on page load using this. Can someone please guide me for this?
Style accordion widget
New to JQuery. I downloaded the accordion, put it on a web page on my site. Works fine. My problem is I'm trying to figure out how to style it. The only thing that seems to work from my css file is the width of #accordion. How do I style the group background and the header? Thank you, Jay
JQery Function Not Working
This function is not working please help me i need to auto complete the data in suggested text box $('#BrandName').autocomplete({ source: function (request, response) { $.getJSON("/DataCollection/SuggestBrandName?term=" + request.term, function (data) { response(data); }); }, minLength: 1, delay: 100 }); my json result public JsonResult SuggestProduct(string term) { var DataBase = new DataBaseEntities(); var allProduct = DataBase.Tbltables.Select(s => s.BrandName).ToList(); var getAutocomplete =
Change Div using Li in html and jquery
I have few div (may be 4 or 5) , and Color Brand Master Cards Color - Red Master - MySelf i want to show div GetCol and hide other all , when Color(GetCol) list clicked. same way for GetBrd .. etc.... I hope u understood Pls advice regards
Jquery doesnot work with out alert .
Hi All, Updating the Dynamic DIV style works with alert() only. Getting records from the DB using JSON, trying to change the background color of the DIV using the JSON value. Thanks, Saran
Require help to resove jquery mobile issue
Currently i am working on asp.net application with framework 4(No use of MVC). the current application is developed using jquery. now i want to migrate my jquery application to jquery mobile. (without MVC). i had implemented jquery mobile in my login page. but after login while redirecting to home page, mobileinit event not working as i had added all header file my masterpage. i am using mobile 1.3.2 jquery framework. Please give ur valueable input to resolve my this query.
Error in loading page
i work with jquery 1.8 version and each time i add a subpage to my document. it gives me error when i click on the link to call the sub page from the main page and if it goes through, it gives me error when i try link from that sub page to another external file or . i use the <a href "#subpage"></a>
Bind this function to a second event
I have a function that executes when a specific <select> field has its value changed: $(document).on('change','#form-register .gfield_list tr td:first-child select', function() { However, I'd also like the function to run whenever the page is reloaded, is there a way I can do this simply with the on() method?
Change content inside height
I want to change the height of an image with jQuery. But I do not want to change that with Css Normally jQuery performs this work with CSS Without CSS, how do I do it? And Directly change the content of height="" ? Thanks
hell
please am new into jquery mobile we app development. i want to know, which script language is better for dynamic app development, i can write php to a good extent. So please cn i continue developing with php? i need answers
jQuery mobile reloads iFrame on panel opening
I have stumbled upon this weird problem, where an iframe in the content area of a jQuery mobile site is reloaded the first time I open a panel. Any subsequent opening does not reload the iFrame. You can see it in action in this fiddle: http://jsfiddle.net/jakobgt1/Z3mmn/7/ (watch the network requests). <body> <div data-role="page"> <div id="nav-panel" data-role="panel"> <a href="#my-header" data-rel="close">Close panel</a> </div> <div data-role="content"> <a href= "#nav-panel" data-role="button">FooBar</a>
Embedding video in a listview
Hello. I am working on a jQueryMobile native web-app for iOS. Since I am a total noob at coding, please bare with me. I around about 50 to a 100 videos on a youtube channel that I putting up as my code goes. The videos are episodes for each month. So I started with June (since I have the episode of that old show from only June at the moment). The thing is that since that was the only video for june, everything worked fine.. Working page is at http://www.ideviceinfo.x10.mx/apping/app/years/data/2009.html [Click
In console.log it printing url alone and also it doesnot showing image in my webpage
my JSON data "image":{ "path": "../image/Penguins.jpg", "width": 200, "height": 200 }, my script $(document).ready(function () { var tran = null; $.ajax({ type: "GET", url: "../data/data.json", dataType: "Json", success: function (msg) { var image1 = msg.image.path; console.log(image1); $("#abc").append(image1); }) } });
Using this with a target
I can output this() to a console.log(). How do append it to a div as I cannot chain this(). $(document).ready(function(e) { $('a').click(function(){ data = $('a').attr('data-urlrdir'); console.log($(this).data()); }); });
Issues in displaying child div while parent div is hidden in jquery
I am creating a script,which creates a dropdown and certain divs dynamically.Based on the dropdown value I want to display a particular child div.The Php script is shown below. PHP Code $status_box='<select class="lang_select" id="lang_select"> <option value=-1 selected="selected">Select Language</option>'; while($var=$db->fetchRow($res)) { $status_box.='<option value="'.$var[0]. '" id="'.$var[0].'">'.$var[1].'</option>'; } $status_box.='</select>';
jQM page - infinite scroll
I have a jQM page into which I am dynamically inserting HTML snippets (table rows). These snippets represent data, about 25 records in a tabular format. The 25 record limit is set to minimize latency & timeout issues. I would like however to retrieve the next set of 25 records as the user scrolls to the bottom of the first set of 25 and again as they reach the bottom of the second set of 25. In effect I would like them to be able to scroll infinitely while getting back data in set increments. Is
jQuery mobile native app and google drive is it possible?
Hi, as title i try to create a native app to ios that include the possibility to update and download file from personal google drive account. Is it possible use google drive api in a native ios app via javascript? I found solutions thats needs a server. Thanks for any help !
Image Flickers when reloading on Ajax request. Can it be solved with Jquery?
I have a page that displays graph image which is refreshed every second via ajax call. The problem I am having is that image flickers every time it refreshes. I was told that I could solve it with jquery library but I am new to it and have no idea where to start. Can someone look at my code and let me know if this is a quick fix or point me in the right direction? Here is my code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Need Help With JQuery.deferred
Hello Everyone: I hope this question is in the right forum. I'm using jQuery fullCalendar and having trouble with asynchronous execution preventing a proper refetchEvents. In research I found out about jQuery.deferred, but can't seem to properly execute a refetchEvents AFTER posting new events to the php file. Following is my script as it now stands: // Now that you've grabbed returned data from ol_LogEdits.php and created arrays, send the new arrays to ol_postActivity.php for INSERTing
Push [getJSON] values into a local varialbe array - MVC4
Hi All, How to we get Json values to a local variable array? My Json Get function: var dataArray = []; $.getJSON("/Role/GetSeasonsRatesJson", function (myData) { $.each(myData, function (i, item) { dataArray.push([item.FromDate, item.ColorValue]); }); } Will return following value pairs: var _myData = new[] { new { FromDate = "01122013", ColorValue = "Red" }, new { FromDate = "02122013", ColorValue = "Red" } }; Not able to access the values in local
jQuery Dialog boxes and there use by websites to deliver ads
These dialog boxes are wonderful. I use them to give users of my sites to deliver more information on a topic, but only when a visitor asks for more information. The are being abused, however, by websites that open them when a page is loaded, knowing that they can't be blocked by a browser setting to "block popups". How can they be blocked, short of blocking all Javascript? They have gotten to the same point that popups were originally. It seems that the Internet today is driven completely by greed
How to animate without miss in performance?
Inspired by this website, www.adhamdannaway.com i did my own version http://americanhorizon.altervista.org/portfolio/portfolio5.php The problem is that animation for enlarge and restrict boxes is very slow performed with jquery. It's the only method i know to do it adding some easing effects.. If i don't use animate method all works fine, but i loose the easing effetct!! exemple there http://americanhorizon.altervista.org/portfolio/portfolio3.php adhamdannaway website instead uses easing without
Invalid JSON - Fatal error: Cannot use object of type carrito as array in
Dear Friends, I've already checked a long list of details and can't find the solution. I have a website hosted on two different servers, with the same exactly OS and PHP version, while on one host the script works without any issue, on the other host I get the following error: "Invalid JSON: <br /> <b>Fatal error</b>: Cannot use object of type carrito as array in <b>/home/username/public_html/lib/class/cart.class.php</b> on line <b>186</b><br />" What could it be? Any help will be much appreciated...
Any good drawing area?
Hi, any good drawing area? I would like one that join two points with a line, you know i click in one time, then click again, and the two points are joined with one line. I have found this: http://intridea.github.io/sketch.js/ but it doesn't allow to do what I say
Store server message in a variable
Hi everybody, I'm developping an app with Arduino Yun controlled by a web page with Javascript/Jquery. From Arduino Yun (server) I receive in the web page some data with this statement: function monOn(){ handle = setInterval("showGetResult(function(data){$('#cont').text(data);});",2000); ...... This statement work without problems. But I woul'd make some formatting on the received text. How can I store the received data in a Javascript variable? I've already tried
Problem with mouseenter
I have a div assign as height:40 width:100% position absolute top:0px When I go to do a mouseenter it is only activating when I get to the very top of the div. On the border ... What am I doing wrong ... Im using this to stop some css hover activity overlaying my text fields $("#cssmenu").on("mouseenter", function(e){ $("#cssmenu").css("zIndex", 9999); console.log('cssmenu enter'); $("#S1").css("zIndex", -1); $("#tabs").css("zIndex", -1);
Calendar, Date Reminder ?
Hallo, I know this is not a theme for a jQuery beginner :-) But I am interested how can you make a date or calendar reminder notification with jQuery. I know there are several data picker plugins. Assuming that I have such a calendar on my page and a user selects a date. The date is stored in LocalStorage. For example the day 24.12.2013. How can you check the date permanently in the background and how can you make a notification when the moment has come? I can imagine to make an alert window on Windows.
Simple selecter event not working
I have the following HTML: <div class="social"> <div data-link="#" class="icon-fb"> </div> <div data-link="#" class="icon-twitter"></div> <div data-link="#" class="icon-linkedin"></div> <div data-link="#" class="icon-git"></div> <div data-link="#" class="icon-vimeo"></div> <div data-link="#" class="icon-youtube"></div> </div> Trying to build a quick selector so I can attach
Problems with Dojo
Hi, when I create a jQuery-Dialog and fill it with a complex Dojo application (not iframe), this is not working anymore : dojo.connect(this.wTree, "onClick", function (item) { thiz.onModeChanged(types.FILE_PANEL_LAYOUT.TREE); }); and this also not : this.wThumb.domNode.onclick=function(){ thiz.onModeChanged(types.FILE_PANEL_LAYOUT.THUMB); }; An idea how I can get my pointer events back ? When create the modal dialog with something else like MooTools-Squeeze-Box its all working. Is there a
load(XML page)
I am attempting to load a remote XML page that is not local (on my server). Realizing that I can't do this with jQuery, I've set up a proxy PHP page using SimpleXMLElement which I had then hoped to load() into a div on my display page. When I view the proxy alone, it's perfect. When I call it into the div on the display page, it comes in as unformatted text. Is there a way that I can maintain the integrity of the proxy display when calling it into the display page? Thanks in advance -
Cloning Form elements - select and range inputs
I am having a hell of a time cloning a form in jQuery Mobile 1.3.2 and jQuery 1.9.1. Originally all expandable and range inputs weren't working (were visible but had no functionality) when cloned, now they are acessible but duplicated - a select nested inside a select I have the following markup: <div data-role="page" id="auditForm" data-theme="a"> <!--Observation--> <div class="observationTemplate"> <h4 class="observationTitle">Observation - 1</h4>
drag div in x position only
I need to drag Div in x position only starting from 0px to 135px I tried this but I dn't know how can I pass dragging min and max value $( "#draggable" ).draggable({ axis: "x"}) I need to make this scrollbar, user can adjust ammout from scrollbar.
attr name in IE 11 appears as SubmitName
Hi folks, I know it has been talked a lot on this issue but I need some info on how get rid of it. I've a form in which I've the possibility to add additional inputs through jquery by doing some cloning. Afterwards, I just do an attr on name but as mentioned on the topic name, it replaces it as SubmitName. So basically, I can't retrieve after submitting the form, all the values inside inputs which have name replaced by submitName. here is a sample of my code: var uniqueLeg = 1; $('.addInfo').click(function()
how to pass input text parameter with $.get method in jquery
<script> var focus=document.getElementById("acctype").innerHTML; $( "#acctype" ) .focusout(function() {$.get("fetchacc.php",{ name:'" + $(#acctype).val() + "'},function(data) { $('#acctypeDES').html(data); } ); }); </script> In above i have passed input text value using .get method.. I expect input text value instead of " + $(#acctype).val() + "' like.. name:50 but it doesnt work... It returns following error value " + $(#acctype).val() + " acctype is the id
Trigger button event on page load
I am trying to trigger a button on on the load of a page. It's a JQuery button with the html code in the page as: <a href="" class="btn1"></a> So far I've tried : <script> $(document).ready(function(){ $('.btn1').trigger('click'); }); </script> But that doesn't do the job. What should I use to make this work? Thanks a lot. John
What's the rationale of not exposing object's events handlers collections?
What's the rationale of not exposing object's events handlers collections? I've stumbled upon a situation where I wanted to pause all current transitions by registering all transitionend handlers, changing all properties to their current used values, pausing transitions (with forced style refresh afterwards so that it makes effect), running a custom callback and then restoring everything, including handlers. I know this particular case is probably not the most common one but there are cases when
Next Page