calling and incrementing class id tags in jQuery
<body> class="goaslider hideonload"> <img class="goaslider_bgimage" id="6" src="01.jpg" width="1350" height="900"> <div class="goaslider_customhtml"></div> </div> <div class="goaslider hideonload"> <img class="goaslider_bgimage" id="7" src="02.jpg" width="1350" height="900"> <div class="goaslider_customhtml"></div> </div> <div class="goaslider hideonload"> <img class="goaslider_bgimage" src="03.jpg" id="1" width="1350" height="900"> <div
jquery menu doesnt stay in the top?? someone help me please.....
i have this website im building you can get the home.html and files here (small 2mb) https://docs.google.com/folder/d/0B-C0T_-acxRqZ0ZHTzgwaXkwMlk/edit (public file) you see the logo well i want it to be to the left and i want the menu to the right of it in short words i want both the logo and the menu to be on the top fixed, all the time,, now no matter what i do the logo stays on top and the jquery menu below or the other way around, im going crazy over this one, i have little expierence can some
Changing .text() modifies container's margins
Using the code from http://jqueryui.com/button/ and modifying it to change the text of the items clicked on, I am surprised that two of the three items' margins shrink to a minimum rect surrounding the text (the only one that maintains its margins is the input button. So: Should I be surprised? I'm a noobly, so wouldn't be surprised that I shouldn't be... ;) How can I maintain the margin of the containers when the text changes? Thanks! Bex Ref: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"
Jquery problem in all IE's but not FF or Chrome
I have this bit of code that works in all browsers except IE9, IE8, IE7. Please Help $('#stream .main_img').each(function(){ var h = $('#stream .main_img').height(); $(this).parent().next('.video-button').css('margin-top', ((h-75)/-2) + "px"); });
How to create a splitview or multiview layout for tablet application using jQuery Mobile?
Dear all expert, I'm newbies with jQuery Mobile. I would like to create a page like the picture above. Basically my application is use for tablet (iPad). And i have no idea how to do it. Can anyone guide on it? What is the correct way to do? Currently my problem is on creating side view. Mean i would like to show a list of name(in listview) at Left side of screen and when user select the name from listview, the screen must display details for the selected name. How can my program to only reload
Capture webpage in a Jquery variable
Is there a way to reach out and and capture a webpage in a variable then manipulate it with Jquery? Thanks
How to Filter, Sort & Search on Responsive tables in v1.3
I have been testing with the new JQM 1.3 docs.. Using the new Responsive tables script is pretty cool but lacking the following: No Column Filtering No Column Sorting (working with tablesorter.min.js) No Column Search I added in the tablesorter.min.js and it works great to sort the columns As far as filtering & searching, I would like to just use the default JQM filter box at the top of the table? I wrapped my <table> in the following: <ul data-role="listview" data-inset="true" data-filter="true"
Listview stays coloured after a listview refresh.
Hi, I have a listview that when clicked on calls a function to disable that option. When I click the reset button it re-enables all the options in the list but any options that have been previously selected stay the same colour as if they have been selected rather than reverting back to its natural colour. The only way to get it back to its original colour is by running the mouse over them. Thanks in advance. Lammie.
32x32 Icon Sprite?
Is there a place I can find an image sprite of the jQuery UI icon site in a 32x32 size?
Jquery in Joomla
I am trying to turn a lynda.com Jquery carousel script into a Joomla module, I believe I have moved across everything from the original, but I am unable to make the script work in my joomla site. I am unsure what is causing the script not to work. I am using Jquery 1.6 Roundabout plugin - http://fredhq.com/projects/roundabout/ Joomla! 2.5.8 StableTo try to eliminate or track down the error I have already tried these and number of other strategies each to no effect to no effect :( Removing moo
Total Newbey Question
Could someone please help. I am trying to learn jQuery and have come upon some start up issues. Here is where I'm at. 1. I visited the jquery.com website homepage. I checked the "Development" checkbox and clicked "Download(jQuery)". Next I was presented with a what appears to be the text of the jQuery Library v1.8.3. I clicked File| Save As, andsaved it to a directory named "C:\jQuery" with the name jquery-1.8.3.js 2. I created a test html page in Visual Studio 2010 as follows. This page
Conditional Function on Tables
Hello All, Im fairly new to JQuery and excited about using it. I have a condition that I trying to execute on a dynamic datatable on my aspx page. I have a value called "scheduled time" on my table in column 2 that should compare itself to the current time(new Date(); ?) . Based on the comparison the function below should happen... From my oracle database, the column2 is a variable timestamp called "SCHD TIME" if item is 0-15mins late, then table row is red if item is >15min<=30mins late, then table
Button widget very slow (especially in IE)
I've been experiencing performance problems wrt the button widget which usually manifest itself when there's a lot a button being created. I've posted a question on Stack Overflow but I haven't had any luck yet. I'm hoping for more constructive answer if I post my question directly here. To resume what's the problem, when I have lots of button on the same page it takes a crazy long time to load, say around 8-10s for 800 buttons in IE, but when I don't use the button widget but plain html buttons
Masonry question... make click a URL instead of larger gallery image
I found Gamma Gallery (linked below) that is very close to what I want. My problem lies in that this was intended to be a Gallery, so clicking on the smaller image rollover opens the larger image. I need it to be a URL link instead. [B]Gallery code link:[/B] [url]http://tympanus.net/codrops/2012/11/06/gamma-gallery-a-responsive-image-gallery-experiment/[/url] [B]Demo:[/B] [url]http://tympanus.net/Development/GammaGallery/[/url] My intent is to use it as a homepage with products in those positions,
Function passing parameters
How do I pass the value into the jquery function. Example: javascript <h1 id="h1_id" onmouseover="abc("paramenter 1");">xxxxx</h1> function abc(x) { } How do i pass parameters to Jquery? $("h1").click(function (x) { alert(x);
$("p").click(function () What does this the function really mean?
Hi, I'm getting a bit annoying. Although I know how to apply the code above. But I need to know what does function inside do. It make more sense to do this. $("p").click(paramter 1, parameter2, ...) { } Thus, what does the function () {} relli mean? What is the benefit? Secondly, I do see people do this $("p").click(greet) function greet(event) { The code will jump to here. }
on ............removeclass addclass
I want to change class slow speed, I want values i.e. 1000 or something else not slow or fast where can i write this code <script type="text/javascript" src="js/jquery-1.8.3.js"></script> <style type="text/css"> div.d1_1 { background-color: #9F0; height: 100px; width: 100px; border: 1px thin #000; } div.d1_2{ background-color: #639; height: 200px; width: 200px; border: 1px thin #000; } </style> <script type="text/javascript"> $(document).ready(function() { $('.d1_1').mouseenter( function()
Need help to change jquery function click on hover
Hi everyone, I'm a newbie or a noob :) I'm doing a website with a simple menu. In this menu when I click on the link "collections" appear a submenu above with other link. Now my client want this effect with a hover: when I mouseover on the link "collections" appear the submenu, when i mouseout the submenu will disappear. I try different functions but I havent resolve this problem. This is the jQuery code: $(document).ready(function(){ $("div#toggle a.button").click(function () { $("div#toggle div.box").toggle("slow");
Form Post Update don't work
Hi, I have try this but not work, what it's my error? thanks <script type="text/javascript"> $(document).ready(function() { $("#submitCliente").click(function(e){ var formData = $("#updateClienteForm").serialize(); $.ajax({ type: "POST", url: "update_cliente.php", cache: false, data: formData, success: onSuccess }); e.preventDefault(); }); }); </script> <div data-role="content"
_super Not Working the Way I Expect
I have created a few jQuery UI Widgets. I noticed that when I try to change an option after the widget is created, it is not working correctly. Here is what my _setOption syntax looks like: _setOption: function (key, value) { this._super('_setOption', key, value ); }Of course, I do use a switch statement to run any special code as needed depending on what option is being changed. Here is my syntax to change an option: $('.ui-mywidget').cform('option', 'myOption', 'newValue'); Instead
changing span class changes ALL spans, how to make it specific??
I have pages with several <span> elements, each of which contains different text. I want to change the button color depending on the span text per se. All the spans are like this: <span class="btn btn-XXXXXXX">text</span> where I want to change btn-XXXXX depending on the value of text Problem is if I use a statement like this: if ($("span:contains('Check Out')")) { $('.btn').addClass('btn-success').removeClass('btn-primary'); } it will change ALL the spans on the page because the statement IS
using toggleClass ............... slow, fast properties
how can i change classes slow or fast or very slow using toggle class
listview : selected item not highlighting
Hi, Listview : selected item i highlighted using $(this).addClass('ui-btn-active'). This works for the first time. When i select the next item, i need to highlight the second item and remove the highlight of first item. I stored the first highlighted $(this) as var $selectedItem = $(this). And again i m trying as $selectedItem.removeClass('ui-btn-active'). But its not working... Waiting for you guys to reply on my issue. Regards, bngk
Validator dynamic fields
Hello, this is just for info, if some one is facing the same problem as me. I have a form, with the option to "clone" a part of the form. Which gave me code like: http://jsfiddle.net/TP768/ I could not understand why it only said error on the first field. Then i played around and added values inside the [] http://jsfiddle.net/Z5aHK/ And now it worked.
How to do this
I have this code here <script> $(document).ready(function(){ $("button").click(function(){ $("select").hide(); }); }); </script> So I understand basics of jquery but bigger problem is with how to go beyond basics. So On my page i have <button>button name</button> when i click it, all elements "select" will hide. How to unhide them? I tried this, but it does not work. <script> $(document).ready(function(){ $("button").click(function(){ if $("select").hide()== true {
Is it posible to make this.
Hi there ! I'm new to jquery and i have a question, Im an intern at a 3d-company and i mostly have been working with max and adobe(ill,Ps,Dw) Now, ive been chosen to make a website based on jquery, im new to this and this is why i am asking for the communities help !. The goal is to develop something like this : www.lore.com/story And i have no idea where to start as in witch part of jquery is the most usefull to learn concerning this project, and this is exacly what this asignment is : im getting
accordion and form in the title
Button <input type="button" value="Cancella" onclick="location.href='index.php?tipo=1&sezione=10&pers=<?php echo $persona;?>&funzione=CANC¬a=<?php echo $row_dati['id_schecollo']; ?>'"> Form <form action="index.php?tipo=1&sezione=10&pers=<?php echo $persona;?>&funzione=CANC¬a=<?php echo $row_dati['id_schecollo'];?>" method="post"> Colloquio avvenuto in data <b><?php echo ScoDate ($row_dati['data_colloquio']); ?></b><b><?php echo " " . $row_dati['animatori']; ?></b> <input
Jquery Mobile Panel not working
I am trying to get the Panel to work as per doco here: http://jquerymobile.com/test/docs/panels/index.html I am having no luck, here is a copy of some code in jsfiddle: http://jsfiddle.net/rhounslow/v3cYX/ Any help would be appreciated. Thanks in advance, PK.
Large image, zoom and fixed menu???
Hi there, I've been ask to develop a mobile web using jquery mobile. We are running JQM 1.2 and JQ 1.7.2 . We are facing the following case. 1-We need a fixed top and bottom menu (easy thing to achieve regarding some mobile compatibility issues) 2- the main page contains a image with height=1284px and width=2334px so... We've managed to scroll it horizontally, however the main problem is that we weren't able to pinch zoom in/out the image and is a must requirement for the client. Then we found that
How can I use "$.each" inside "$.each" ?
Hello, I am working on a one HTML page application that uses a REST web site to provide data and JSON to move data back and forth. My experience with JQuery and JSON is quite limited. I have a question on how to use $.each inside $.each to produce a nice display. I would like to post my HTML page below with comments, the page displays a set of buttons, I use jQuery to fill the buttons with a text and attach an OnClick handler, on click I call the REST service to receive an array of objects.
trouble populating data to a select menu dropdown
Hi, I'm Having trouble populating data from a simple json to a select menu dropdown using jquery.I tried using so many codes,but the problem still persist.Can any 1 please help. I checked in the console of the browser.There its showing that the data has been fetched and populated.But not showing on the dropdown.I tried two three ways but can't get a way around. Code : html <select name="MODEL" id="MODELS" data-native-menu="false" data-mini="true"> </select> js $.ajax({ url : 'ModelDet.json',
JQuery Mobile - Get Value From InputText
Hi, How do I get the value of a field in order to then upgrade? <a rel="external" href="update_cliente.php?idCliente='.$r->idCliente.'&RagioneSociale=VALUE FROM INPUTTEXT"data-icon="delete" data-theme="b" class="ui-btn-right">Salva</a> Regards, Daniele
memory leak when page was removed
hi, i have a big problem with memory leak.my application is build with phone gap and jquery mobile and it only has two pages, one is list page the other is detail page.when list page or detail page is removed the memory of the application can't be released, when i close the application (actually the process is not killed) the memory can not be released too.as the application is running, the memory increase bigger and bigger.every item in my list has an image, because the knowned issue about
Odd FF/IE behavior with the .hide() method
Odd behavior In FF i get an error that simply says undefined, in IE it works: $("#msgresults").html(json); $("#myform").hide(); In FF this works: $("#myform").hide(); $("#msgresults").html(json); all that is switched is the order of the calls. The divs are as follows: <div data-role="content"> <div id="myform"> <form method="post" action="mobileverify.php" id="loginform"> <fieldset data-role="fieldcontain"> <legend>Login Information</legend>
Cycle plugin - slide navigation WITHIN slide
HELLO! I use the Cycle plugin regularly, but I have a slightly tricky problem! I need to include 'prev' and 'next' buttons WITHIN that actual slides (so that the buttons slide with the content) rather than them being static outside of the slides. So, on the first slide, it has the content, with a small 'next button', and then the following slide has the content, with small 'previous' and 'next; buttons. <div class="controls"> <img src="images/arrow_left.png" class="prev"/> <img src="images/arrow_right.png"
default icons missing
Hi guys, I'm using JQuery v1.8.3 and JQueryMobile v1.2.0 for my project. I wanted to host the jquery mobile css files by myself but everytime I'm trying to do this all default icons (for listviews / back-buttons / collapsibles etc. ) disappear. The white arrows disappear and I just see grey circles instead. It seems like I'm missing some images but I included all 5 in my image folder (icons-36-white.png, icons-18-white.png etc.). I just copy and pasted the .css file from the jquery mobile page (http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.css).
Missing events.js file
I tried to use one of keypress event but it doesn't work. Seems like the events.js file missing. The url is http://api.jquery.com/scripts/events.js Can you update the file? Thanks
Slide show takes a few seconds to start working. Why the delay?
Hello; I am using a simple Jquery slide show here. But it takes about 1 second till its orgonized and starts to work properly! What I mean by orginized is that it shows all the photos in slide show for about a second, then hides the ones it has to and starts the slide show. What can I do to make this slide show working propely? Thank you
modal windows shows gibberish when trying to output a video
has anyone come across this issue? I'm trying to pull a .mp4 video in the dialog box you can see a demo of the gibberish output here just click on the first video item. I've also tried an .flv file and get the same results using jqueryui/1.9.2/jquery-ui.min.js
how to call text message app and allow user to add contacts to send sms?
hi guys, i'm trying to make a app like: text field to allow user to input some text, add contacts button to allow user to choose contacts from their contacts list, and send button to allow them to send sms to selected contacts. or maybe after choosing contacts, the app will call the text message app to allow user to send sms. how can i do that with jquery mobile? thanks for your helps!
Next Page