Creating a document.ready like function for my own object
If I have an object created by me named "connectionClient", how do I have it fire an event of some sort when its ready attribute equals true? I want it to be the same format as the jquery document.ready() function, something like this: var connectionClient = { ready: false, if (this.ready == true ) { connectionClient.ready(); } ready: function() { //Defined By user } } //Run Code When Ready connectionClient.ready( function(){ });
Trouble assigning hover function to a series of images
I have a product page where the customer has the option to s lect the product in two colours. I am using jquery to change a series of images and thier hover functions based on the color choice. I am succesfully changing the images, but the hover functions are not being called with the correct parameters. There are 7 images for black which are assigned numbers 2-8, and 6 images for brown which are assigned numbers 9-14. However the hover function for black is always called with param 9, and the
IE 9 and jquery dialog ui
I am testing jquery-ui in ie9 + window7 + korea. http://jqueryui.com/dialog/ I was try to demo page of this url. but it's not working. Ie developer tool console show this message. ########################### SCRIPT16389: Unspecified error. jquery-ui.js, line 9839 charater 3 ########################### Is there a way to solve this problem?
JQueryUi Button with Link
Hello World, i would like to use a JQueryUI Button with an Icon as an Link-Button. On the web i didn't found a solution. I tried things like this, but especially this try destroys the look of the button. (Code was taken from example page). I know the possibility of using jquery and the onclick event to manipulate the document.location.href, but in my case i need a real link-element <a>. .... <script> $(function() { $( "button:first" ).button({ icons: { primary: "ui-icon-locked" } }); }); </script>
jquery accordion multi form in one page and when one(first) form do not submit the other form remain lock(click disable)
I need to make some changes to this page: http://sirpaff.selgis.com/v1.1/CrearNuevaFichaFamiliar.php As you can see there has a jQuery script, this http://jqueryui.com/accordion/ I need that when a user is inserting data into the form "Datos Generales y del Jefe(a) de Familia" the other Section of Accordion remain locked until the user completes the entire("Datos Generales y del Jefe(a) de Familia") form and give him to "Guardar"(submit). Then, when save the information, is open the following next
Highlight selected item in accordion
I'm using the accordion as a menu, containing items in folders. How do I style the selected item? Using the ui-accordion-header.ui-state-active and ui-accordion-content-active I can style the opened folder (respectively the header and all items in the content). But I can only style all items in the folder, not only the one clicked item.
how i can do this animation to go site pages
how i can do this animation to go site pages like this website http://www.saptarang.org/TF/index.html
opacity animate problem
Hello, I am new to jquery and excited to be new as well!! Thanks for reading my first post. I have a set of thumbnails that when you click, a bigger image will get the src path to a larger image, so the bigger image will change when you click the thumbnails. My problem is when I use animate, it shows great but if I click a thumbnail and I click another one fast, the animate effect stops working when I click the other thumbnails, here is my code: $(function(){ //look for teh images that
jquery-dynamic-breadcrumbs license?
Hi All, For my development i need crumbar. I searched in jquery forum finally i got this link. I want to know about jquery-dynamic-breadcrumbs license. Is there any opensource for crumbar development? or Is there any jQuery component i can use as crumbar? Thanks..
stop immediate propagation
I have a question concerning this piece of code: $(document).ready(function(){ $(document).on('slidestop',function(event, data){ event.stopImmediatePropagation(); }); }); It is meant to prevent double triggering by slide menu. Does it matter where in the code it is placed ? It is not restricted to one slider, but affects all the menus of this kind, yes?
how do you apply two different types of scripts to a page?
I am having trouble adding a carousel and a different type of script on the same page and having them function simultaneously. Both have crashed. Any ideas? I can provide the code and how I added it to the page if that helps.
Windows.Location.Hash and Chrome
I am experiencing difficulty with Chrome (version 28.0.1485.0 running on Linux - although I think it also applies to my Nexus 7 tablet running Android 4.2.2 - but I can't see what version of Chrome that is). The problem is manifested in this jsfiddle http://jsfiddle.net/akc42/ZmcP8/ with Firefox it works fine and the Dialog box remains popped up - with Chrome, the dialog appears and then immediately disappears. On my desktop (jsfiddle doesn't seem to have the latest jquery mobile) I am running jquery
How could I take only the contents of a specific DIV while using AJAX?
Hi everyone! , It's my first post here in jQuery forums. I have something to ask about using AJAX to fetch specific DIV tag contents from the target page. Let say I call it on the referring page: $.ajax({ type: "POST", url: "the_target_page.php", success: function(data) { // Some data here } }); and the target page: <html> <head> </head> <body> <div id="formWrapper"> <div id="maincontents">
Changing data-theme of Collapsible listview
Hi, i want to change the data-theme of a collapsible listview programmatically. <div data-role="collapsible" data-theme="b" data-content-theme="d" id="benutzer-div"> <h3>Benutzer</h3> <ul data-role="listview"> <li><a href="#sitzung" data-transition="fade">Sitzung</a></li> <li><a href="#messenger" data-transition="fade">Messenger</a></li> <li><a href="#benutzer" data-transition="fade">Benutzerübersicht</a></li>
Save the jQuery factory, reuse it in frames, no 2nd network request
Yes, there are those who hate frames with all their souls. If you're one of them, you probably won't like this idea at all. But if part of the page never or rarely changes, and you think frames make sense in that situation, you probably won't reject this idea on religious grounds. Terminology: The jQuery script tag doesn't contain jQuery. It contains the jQuery factory, which looks like this: (function( window, undefined ) { ... var ... // Use the correct document accordingly
Jquery _tiggerEvent doesn't working....! Why?
/* $Id$ */ (function($) { $.widget("ui.zflipswitch", { widgetEventPrefix : "flipswitch", //No I18N options: { type : undefined, view : undefined, option : undefined, labelFor : undefined }, _EVENTS: { 'ONCLICK': 'click', 'ONCHANGE': 'change', 'ONDRAG': 'drag' }, _create:function() { base = this; if(this.options.view == "iconOnly") { var insideDiv = "<div id='leftside'></div><div class='onoffswitch' ><input type='checkbox' name='onoffswitchcheckbox' class='onoffswitch-checkbox'
.css('left', … ) position bug?
Hello guys I created a thread on stackoverflow: http://stackoverflow.com/questions/16752245/jquery-cssleft-position-bug Unfortunately noone's answering to it after I figured out the thing with the zoom... Can someone in here maybe help me? What alternatives to .css('left') do I have which doesn't consider browser zoom? Kind regards Doidel
JQuery UI Tooltip AJAX Click/Mouseover
Dear All, I've put together subsequent code to show up dynamic content coming from an AJAX call. The call as well as showing up the tooltip works but the trigger mechanism is a bit weird. My aim it to a) show the tooltip when clicking the DIV container and b) to close the tooltip once I leave the DIV container But what actually happens is: c) When I click nothing happens and d) when I then move over the DIV container the tooltip appears (every time I move over the container) Does anybody know how
Refreshing dynamically generated listviews repeatedly not working
I am new in jQuery Mobile, and I am starting to develop an app and I am running into a problem of refreshing dynamically generated listviews. I have checked extensively on the net for solutions, and I have tried a lot of suggestions but with no success in my app. I have two pages. The first page is to choose a tournament, and in javascript I will open the second page which has the following (simplified) structure: <div data-role="page" id="pageAutoDiv" data-theme="a" data-add-back-btn="true">
Jquerymobile 1.3.1 rounded corners not displaying properly on blackberry 5 to 7
With jquery mobile 1.3.0 and 1.3.1 rounded corners are not displaying properly on Blackberry 5 to 7. This is also evident with form elements, such as buttons, sliders etc. Please look into this.
Accordion alike
I prepared a static(for now) 'accordion' for now: *can't publish an image because of reputation, so i'll try to illustrate it: As You can see it contains 5 areas, 1 for the open 'article'(GreyContent+Big Image) and the other 4 are for close ones. All the small images contained like that: <div class='pics'> <ul> <li></li> <li></li> <li></li> <li></li> </ul> </div> The current open('article') contained like that: <div class="whyUsCarouselInner">
ssl cert and 3rd party validation...is this possible?
I have a website that is http except for one link which is https. I want to be able to build an application that once the https link is clicked, it will capture a users client-side certificate, send that client-side certificate data to a 3rd party validator and if success, the user will be able to see the content on the link. Can I do that using Javascript or jquery .ajax call? If so, how? This is the code I have so far. Its missing some data because I am not sure how to capture it. I tried to note
dynamic page navigation using $.mobile.changePage and History
Hello, I have been trying to fix this for days and I could really use some help please. I have a simple database driven app; pages are loaded dynamically from a Mustache.js template using data from a database. The result is a jQM Page object which I call $.mobile.changePage(obj) on... Each page is the same, it has a listview. The listview objects point to other pages (which are themselves dynamically injected). The listview href url is #id (id being the id in the database to query) and this is working
return-value from function always false?
Hi, i try to get a return-value (1 or 0) from a php-file via ajax-get. The data from the ajax-call is ok, alert(data) shows 1 in data. But i can not return this data to the calling function. function validUser() { $.get("backend.php", {task: "check_User"}, function(data) { alert(data); if(data == 1) { return true; } }); } $(document).on("pageshow", "#sitzung", function () { if(validUser()) { $("#sitzung-txt").html("Sie haben eine gültige Sitzung!"); } else {
Memory leak with jquery fixed table header, AJAX setInterval
I use the below fixedtableheader plugin on a golf leaderboard page that uses AJAX and setInterval to fetch score changes from the server. Without the plugin everything works well, with the plugin, there is a constant memory leak that during the course of the day make Firefox go from 60MB at start to 1.5GB before end of day and crash. Can anyone spot any memory leaks in this code? I've found a lot of articles on memory leaks with AJAX and setInterval, but if I take out the fixedheader plugin the
Firefox fixed header jumping
Hi All! I have such a code: http://jsfiddle.net/twEJ4/2/ When I test it with my firefox in my test page I see the fixed header of page1 jumping after the back slide animation from page2. It is ok when I test in jsfiddle, also it is ok with webkit browsers. Why the header jumps to its place at the end of slide animation with back link?And it appears in the same place.
Suggestions for ultra-simple editable table control?
I'm relatively new to jQuery but so far have been really enjoying it! My project du jour is to implement a small editable table in my web page. I'm talking 2 columns (both dropdown lists), and I would be very surprised if it ever had more than 3 rows. I need the usual operations (add/edit/delete) but what I would really like, is to have a table that doesn't communicate with the server during the editing. When the user hits the form submit button, I'd like the whole page to get sent to the server
collapsible auto expands on entry page
I added a collapsible list as menu to a small website with just a few pages. It all works fine, but always when i go to the first page that i opened with my browser, the menu does not collapse, but stays expanded. The menu is in an extra file and included, so it is the same everywhere. It also does not matter which of the pages i use as entry page. I tested it with several android mobiles. Is this a know problem or even a wanted feature?
Problem with animated menu using easing
Hi, I want to make a horizontal menu animated using easing but it do not work and I can't find my error. If you could help me it would be really appreciated. I'll post image of my codes. I've verified if my file are in good directory and they are fine ! If image of other code are needed just ask ! Thank you a lot in advance !
1.10.3 sortable works very erratically with flexbox content
Please try it out in Chrome or Firefox beta, soon to be in stable: http://jsfiddle.net/fnTVj/ Dragging a layer up or down works about half of the time for me. I have no idea what the problem is. Being able to use flexbox and sortable together for reversed, start-at-the-bottom layout patterns is crucial for UI widgets like a layers panel. (This is not an edge case.)
I want to know js and css file import order
Hi, I am developing jQuery with struts1.3. Below list of files i imported. Some of the case page is not displayed as perfect. What i doubting the order of imports. Please tell me, what is the exact order to import js and css. Core jquery files and Mobile items files <link rel="stylesheet" href="./jmobile/themes/gray.css" /> <link rel="stylesheet" href="./jmobile/css/jquery.mobile.structure-1.2.0.min.css" /> <link rel="stylesheet" href="./jmobile/css/mobileStyle.css"> <script src="./jmobile/js/jquery-1.9.1.js"></script>
problem direction poll
Hello, I am a student and I am trying to do my final project study. In this context, I need to add a poll to my website. In fact, I followed this article "http://webdeveloperplus.com/php/ajax-user-poll-using-jquery-and-php/". it gives a good result but I have a little problem, I want the bar moves from right to left (the opposite of what is in the article). If you have an idea I would be very grateful and thank you in advance.
Add to Home Screen iOS/Android
Can anyone recommend the best method to get users to "Add to Home Screen". I've built a mobile site with JQM and now want to remind users to add it to their home screen on iOS and Android phones. Seems like most people don't know this can be done. I've found this script, and input on using it or is there a better approach for JQM? Thanks! http://cubiq.org/add-to-home-screen
Help with navigation
Ok I'm at my wits end and this is the last issue that needs to be resolved before we can roll out the initial version of our dedicated mobile app. I have a page in our mobile app (courses.html) that internally transitions between several jQM "pages" all the while programmatically setting lists with data. Flows like this: courses.html -> List of terms (#terms) -> List of disciplines (#disciplines) -> List of courses by discipline (#courses) -> List of classes by course (#classes) -> Class Info
when i added jquerymobile i "lose" my orignal z-index
before added i could click on the checkbox and it worked but now i can't when i click on the checkbox it click on the link_show'. how i can fix it? Example: <a href="{{ path('link_show', {'id' : item.Id}) }}"> <div id="a"> <div id="b"></div> </div> <div id="listado_hipotesis_preferido"> <form class="gf-form" method="post" action="./"> <ul class="gf-checkbox"> <input data-role="none" type="checkbox" id="checkbox-1" /><label for="checkbox-1">
Best way to load a page...AJAX
I am new here, and I am reading the docs and getting some online tuts to work on my stuff. I've done a lot of stuff, but I have this simple doubt. Whats the best way to load a page dynamically? I am trying to do this: $('#page2').click(function(){ $.ajax({ url:'page2.html', success: function(data){ $('.content').html(data); } }); }); And this: $('.menu').click(function(){ var ref = $(this).attr('href'); $('#content').load(ref).fadeIn('normal'); }); As you can see, I wanna let a default page with
Using events with dynamically created objets
Hi my name is Murilo, I am new at jQuery and i hope i am not asking a stupid question. I have a button, when i click the button a new div appear already with a event. I am using the event 'on' to bind the event 'click' with the new div and it works fine. However, when i try to use the 'drop' event of jQuery UI it doesn't work. I think i am using the wrong event name. I create divs with the class 'myClass'. When i get the 'click' event, it works. When i get try the 'drop' event, it does not work.
Any way to fullsreen a window
This has probably been asked a gazillion times.Im searched but nothing satifactory. But Im opening a window.open with a website Is there ...any... way to fullscreen a window.open ?
Where are the download links for archived plugins?
Folks, I am looking on http://archive.plugins.jquery.com/project/Pause-Resume-animation for the actal download links. Am I blind? Please lend me a clue here! Thanks, Brett
Here I wrote console.log. Its printing 2 times but it should be a one print at a time. And also next line is not working!
/* $Id$ */ (function($) { $.widget("ui.zflipswitch", { widgetEventPrefix : "zflipswitch", //No I18N options: { type : undefined, view : undefined, option : undefined, labelFor : undefined }, _EVENTS: { 'ONCLICK': 'click', 'ONCHANGE': 'change', 'ONDRAG': 'drag' }, _create:function() { base = this; if(this.options.view == "iconOnly") { var insideDiv = "<div id='leftside'></div><div id='onoffswitch' ><input type='checkbox' name='onoffswitch' id='onoffswitch-checkbox'
Next Page