jQuery load image from XML
Hi i am just starting using jquery. I want to load images from xml. I,ve got a script but it only load a single image, and i wan't to load all images called lightbox in XML. here is an xml file: <?xml version="1.0" encoding="utf-8"?> <images> <image source="Zdjecia/Galeria/Kategoria1/Miniaturki/image1.jpg" lightbox="Zdjecia/Galeria/Kategoria1/Duze/image1.jpg"> <lightbox>Zdjecia/Galeria/Kategoria1/Duze/image1.jpg</lightbox> </image> <image source="Zdjecia/Galeria/Kategoria1/Miniaturki/image2.jpg"
plugin for random sound
Hi, I want tp play a random sound from a array of sound files when a user clicks on an image. Let say the array contains 5 sounds. When the user clicks the first time on the image a file is chosen randomly, when the user clicks a second time another file is chosen ... Is there a plugin for such a purpose? tporschb
jqdock alignment open?
hello, i try to add the jqdock but i want to align it on the bottom right. i have it on the bottom : <ul class='jqDockAuto' data-jqdock-align='bottom' data-jqdock-labels='false'> but i want that the rigtht image is on the right and the dok opens to the left. i try this http://www.wizzud.com/jqdock/examples/ see example called: Flow option enabled on horizontal menu but it dosent run like i want:( is their any otehr solution for the newest release?
Showing live videos from a net cam with jquery mobile
Hi, I'm a newbe to jquery mobile and java script and struggling with a problem which might make you laugh. I do like to show a video stream from my network camera in an app. My problem is: I do not want to run this camera unprotected. Is it possible to include the stream even when you have to enter an id and an password? I guess it is but I have no idea how to do it? Right now you have to enter the IP and the port of the camera and then the user ID and a password and then you do have an mpeg file
What term should I use to search for Montage plugin?
I have a fairly good "Montage" creator plugin that I am using here. However I am looking for something closer to what Google uses and "montage" does not produce any results. Suggestions welcomed... Todd
jQuery Mobile 1.1.0 - this.button is undefined when trying to disable button
On pageshow i trying to disable a button but then i got a javascript error says "this.button is undefined", you find a test page that shows only one button and script that trying to disable the button on pageshow. I have tried on pageinit but then i getting only "loader" image and no button and the same error. My test page: http://test.rickardp.se/jqm/button_test.html Some ideas?
[Help me using jquery]
Sorry if I'm still early in this jquery mobile learning . I want to create a login function to check the input of the username and password in my form using jquery mobile. This application will I package into the native Blackberry applications. Here I am having difficulty in making the login function with the help of jquery to retrieve data from the field and sent to a URL on my webserver. My code : $(document).ready(function(){ $("#submit").click( function (){ var username =
Specify contentType for $.mobile.changePage option
I am passing data to be posted to the server. However, since the server accept XML and JSON, I have to specify the contentType just like a regular jQuery ajax request. This is what I tried but did not work: $.mobile.changePage('/Detail', { type: 'POST', contentType: 'application/json', data: { item: marker.item } }); Please allow an option to specify this.
Tipsy tooltips don't work, when I include "protoculous.js" (Prototype 1.7 and Scriptaculous 1.9.0)
Hello, I use Jquery Tipsy Tooltips, you can see a working demo here http://www.i-know-somebody.com/tipsy/test.html Now, I also want to include an slide show. Build with protoculous.js (It is Prototype 1.7 and Scriptaculous 1.9.0) As soon as I have this <script type="text/javascript" src="javascripts/protoculous-2.0.packed.js"></script> in my script, Tipsy Tooltips dont work anymore. http://www.i-know-somebody.com/tipsy/test2.html (Demo with protoculous) Does anybody have an Idea, how to solve this
can't select just injected elements
Hello Community, I'm new to jQuery and jQuery Mobile developing, but I resently desided to give jQuery Mobile a try, rather then developing native android apps. But I am stuck for over two days now, at the point, that I'm not able to select just injected Elements. The injecting takes place in the pagebeforechange event wich I register as followed: $(document).bind( "pagebeforechange", function( e, data ) { //recognize right pagechange //inject photogallery } And the selection takes place
how to get corresponding combo box select value
how to get the combo box value when changing combo box . please give some sample code thanks in advance G.Lenin
Fadeout takes focus away from another element?
Gidday I have a textarea in a form, all wrapped in a div. Below that div I have a blank status div, which I fill with html for status updates from php. i then fade the status div out: $("#status").html("Please type in your message.").show().fadeOut(5000); Problem is that I cannot click inside the textarea in the form above until the fadeout animation has completed. I tried it with a hide(5000) instead of a fadeOut, and I am able to click in the textarea no problem. Any ideas of how to get around
Equal width of column in multi table
Hello jquery friends ... I create web where I must use tables, no ul/li or div. Problem is, that there are 3 various tables, each bellow another. Every table has a few collumns, but I need to keep the first columns of all of them in the same width. But width should be dynamic given, as width as largest is column in any of them. The largest size of width because of no wrapping. No use of any exact size in px or %. Did you see anything like this? Thanx. F.
IE - less than 9 append issue... how can i solve it?
I unable to append the element in less than ie9's how can i fix this? this is my function : var processModules = function (mData) { var lMData = mData; $.map(lMData, function (mVal,i) { $(mVal.type === 'form' ? '<form></form>' : '<div></div>',{ id : mVal.attributes.id, 'class' : mVal.attributes['class'] }) .appendTo(mVal.container); // not appending in less than ie9. } ) } $(document).ready(function () { $.getJSON('json.txt',
Circular Content Carousel with jquery
Hi All, I am using this plugin for a carousel that shows more info on the items once the button is clicked. I need to change the size of the image container as its too wide for my image. However when I change the size of .ca-item it then means my ca-content-wrapper is too short! Even after I set ca-content to a larger width. Any ideas? I don't have anything online as working on local host but here is my css and the html is as the plugin original. /* Circular Content Carousel Style */ .ca-container{
How to define the height and width of the text area in Jquery Mobile?
Before entry, the input field is predefined size (two lines on the screen width)..:( Its not taking anything as I define in the rows and cols value.. Ex: Still the input feild is fixed...Showing no changes. Gradually, as we introduced the text, the height of the input field increases, to view the text introduced in its entirety. But what I need is to define my own height and width of the textfeild...And gradually feild should increase if the text entered is more. Code I am using is: <div data-role="content">
Searching jQuery Plugin for Wordbanner
Hi! I am searching a plugin to present a list of words in a div with fade in and fade out effects, but i don't know the exact name for such a plugin. For example i have some <h3></h3> or divs with a list of words and a maindiv (banner). These words should fade in and fadout each after another with different positions (random or fix), different font-size and color - in a loop. OR The words run like a text-scroller beneath each other, with full width of the banner (short news should be bigger and have
Support for page redirection in Jquery mobile using Ajax calls
Hello, Here is a question I asked on StackOverflow some days ago. It has no answer yet. BTW, if you want to earn some reputation on SO, I just started a bounty for that. == I am building a JQuery Mobile application based on a MVC framework. My problem is that I cannot send "redirect" directives (either HTTP, Javascript, META-refresh) to the browser. It results in the browser displaying "undefined" (indeed, this error is not explicit at all , it sounds like a bug to me) I know that I can fix the
Preloading on first page load
I'm using the multipage template, so only just one html file. Now I want the whole page to have a preloading and not only showing a white page before the content is displayed. I figured out that jquerymobile already is using a loading function so I tried to use it like this: javascript:; javascript:; $(document).ready(function() { $.mobile.loading( 'show', { text: 'page loading', textVisible: true, theme: 'a' }); }); But it's not working! I've put it directly after the jquerymobile include. Can
Event handler for dynamically created checkboxes doesn't work
I want to use my own event handler for all five checkboxes. I create one checkbox in the code and then clone it four times. My problems with this code: I can check and uncheck the first checkbox (the checkbox in the code). But the first checkbox doesn't use my event handler but its own (I set a breakpoint in my "$('input:checkbox').live('click', function (event) {..." code and it is never reached if I click the first checkbox. The four other boxes reach my event handler but all four get checked if
JSon php and jquery
Hi, I have some problem with json when i try to work with json object that returned from php, here is the jquery code: $(document).ready(function() { $.getJSON('../php/functions/all_city.php',function(data){ alert(data); });and here is the php code: <?php require_once 'connection.php'; $link = conenct('localhost', 'root', '', 'w_db'); mysql_query( "SET NAMES utf8" ); mysql_query( "SET CHARACTER SET utf8" ); mysql_set_charset('utf8', $link); $query = mysql_query("SELECT cityName FROM city ORDER BY
canvas pls help
http://www.russellbeattie.com/blog/media/canvas.html guys how to draw the background image for the toggle elements using canvas i looked into the above code but couldn't figure it out http://jsfiddle.net/s6hBG/7/
Problem with event binding on clone rows
Hi , I am working on a functionality where on the blur of every cell in a table, I have to trigger a auto-save. For the last cell of the last row I have to add a new clone row with the same blur event binding as in the exiting rows.. Following is the code ..Please help i have stuck for a few days now.. $("#myTable1").live("blur", function(){ var elementValue = document.getElementById("<%=count%>").value.toString(); var value = $("#<%=count%>_hidden").attr('value').toString();
.replaceWith() /.html('..') reach ancestors
Hi, <p id="1"><div class='selected'>this is an example</div></p> $('.selected').html( '<div class='selected'>this is an example</div> '); I get: <p id="1"><div class='selected'><div class='selected'>this is an example</div></div></p> and I can get the closest paragraph outer HTML: $(this).closest('p').clone().wrap('<p/>').parent().html(); However I want this: $('.selected').replaceWith( '<div class='selected'>this is an example</div> '); to get: <p id="1"><div class='selected'>this is an example</div></p>
Multiple toggle and expand/collapse image problem
I have two toggle divs that have same class name. When i click one of them, the plus symbol on the right side is not replacing with the minus symbol unless i click both of them. http://jsfiddle.net/adige72/rxW3H/ html: <div class="collapseTitle">Open 1<div class="symbol"> </div></div> <div class="collapseContent">Content 1</div> <div class="collapseTitle">Open 2<div class="symbol"> </div></div> <div class="collapseContent">Content 2</div> js: var $coll = $('.collapseTitle'); $coll.click(function()
Jquery code
I have the following java script code. This java script code, onclick of the button creates clone of newdiv and appends on my_div, with id= null. Please provide me with the corresponding jquery code. function addWork(){ var obj= ''; document.getElementById("newdiv").style.display ='block'; obj = document.getElementById("newdiv").cloneNode(true); obj.id =''; document.getElementById("newdiv").style.display ='none'; document.getElementById("my_div").appendChild(obj);
CYCLE - Problem with Large Slideshows
I'm trying to put together a Cycle slideshow using fairly large images and a lot of them, and have used CSS to solve the problem of the "unstyled content", but I cannot get the slideshow to advance (manually) until a long loading time has passed. Is there a way to make it advance to the next as soon the second slide is loaded (or not even that), rather than waiting for a whole bunch of them to load? It needs to start immediately, even if the slides are still loading. For example, if the second
Help with jQuery ajax loading accordion
I think this is more of a general jQuery question, thats why I am posting in this forum. I have an index.html which loads the jQuery, and jQuery UI scripts. I am trying to load part of the page using .load(), but this new page contains a jQuery UI Accordion element. The page loads, but the accordion is acting strange, as if only parts of the accordion script are working. Do I need to somehow reload the jQuery scripts every time I update the page with new jQuery elements?
related posts with thumbnails
How to make thumnails using jquery like widget in http://linkwithin.com/
Rich Text Editor using JQuery
i want to make Rich Text Editor using JQuery plugin that i can modified the display
How to force page reload/refresh of previous page when back button is pressed?
This question was asked in the jQuery Mobile forum and the last entry offered an apparently easy solution but I could not make it work. In that forum (link) I posted my setup attempt and aked help from the author but I am not certain if s/he is still monitoring it. I have also attached a text document of my forum entry. Any help will be appreciated!! Gerry
JQuery animation plugin?
I need JQuery plugin to make an image animation that i can change the size of that image and the duration in animation
Building a Simple Game
Hello, all! I am working on a very simple 'game' concept — for now called '2-Player, Left and Right Game.' It's actually for an online art project, but I want 'interactive game' to be the medium. I'm pretty sure it should be a fairly simple project, but could be completely wrong — I can read and make some edits to jQuery, but writing it from scratch is something I'm still learning. Here is the layout of the game: Page 1 — Static HTML/CSS landing page w/game title, directions and 'click to play.'
need help!!! with TABBED NAVIGATION not working
okay so Im taking this class to learn Jquery and I have this assignment where i am learning how to use selectors, traversing methods, etc.. Just the basics. Well I have created this document and was able to get the top nav to work okay but not 100% but the part where i am really having problems is on the tabbed navigation on the bottom. I have tried doing this based on the instructions that were given to me. Can anyone look over my doe for e and help me understand what I may be doing wrong and
Listview not show up after coming back to cached page
After creating and populating a listview in code on a cached page, I migrate to another page but then come back to the original page. In Chrome and FireFox I see the previously generated listview but in IE 7 and 8 the list view doesn't show up. I inspect the DOM and see the cached page and previously generated listview items. I'm not sure why they're not displaying, i don't see any visibility CSS applied. Is this a known issue? Thanks!
jQuery menu not working properly
The problem is that the selected class is not activated when page is on the selected page from menu and when I hover over the menu the hover image never shows (background-position: 0px 0px;). insted of background-position: 0px -40px;) How can I fix this or what is wrong? Thanks in advance. I am talking about the animate({backgroundPosition:"(0 -40px)"},{duration:150}) that doesn't scroll down the image to the selected part of the image grapichs, image is half top side of it blue and the bottom is
1.7.2 vs. 1.8: manipulating arrays of jQuery containers with ".width" and similar
I'm not entirely sure whether this is an error, it just seems very inconsistent to me, and it's definitely a difference between 1.7.2 and 1.8 which broke my existing code. Check out this jsfiddle (try with both jQuery 1.7.2 and 1.8): http://jsfiddle.net/BRn4x/ There seems to be a problem with arrays of jQuery containers.
Problem in fetching data from SQLite database and displaying it as list
Hello! I am new to jQuery Mobile. I am trying to fill a list with "li" items by fetching records from SQLite database. The problem that I am facing is that all items are displayed as a single "li". Below image shows what I am getting And I should be getting is The code that I have written is var strItems = ""; var query = "SELECT id, name FROM categories WHERE ID IN (1, 2, 3)"; try { initDB(); //fillCategories(); localDB.transaction(function(transaction){
loading multiple pages via Ajax
Hi, Is it possible to load multiple pages via Ajax? jQM demo loads multi-page template wihtout Ajax and I have noticed that all extra pages load via Ajax are not added to DOM. Can it be implemented? Best regards, Janusz
how to select only one div among divs with same css class?
hi, Currently i am trying to create a tabbed menu. For this I am using a parent(container) div with multiple divs inside it. Each corresponds to one tab and since all these tabs (divs) will have same implementations so I have used same class for each of them but different divs to differentiate between them. Now I want only one of the tabs to be selected at any instance. But I am not able to find out a way to do that. following is the html what I am using. <html> <head> <title>jQuery 1.7.2</title>
Next Page