Some progress
<link rel="stylesheet" type="text/css" href="main.css" /> <ul style="position:absolute;z-index:9999;"> <li><a href="index.html">Home</a></li> <li>Links <ul> <li><a href="Corvette%20Links.html">Corvette Links</a></li> <li><a href="Tire%20Links.html">Tire Links</a></li> <li><a href="Oil%20Filters.html">Oil Links</a></li> <li><a href="Magazine%20Links.html">Magazine Links</a></li> <li><a href="Racing%20Links.html">Racing Links</a></li> <li><a href="Miscellaneous%20Links.html">Miscellaneous Links</a></li>
UI Accordion icons not showing up
I can't figure out why icons are not showing up. I have searched for the last week but have not found a solution. Please help. <script> $(function() { $( "#accordion" ).accordion({ heightStyle: "content" }); $("#accordion").accordion("option", "icons", { 'header': 'ui-icon-triangle-1-e', 'activeHeader': 'ui-icon-triangle-1-s' }); }); </script> __________________ <tr> <td><div id="accordion"> <h3 class="ui-accordion-header">Prevent Unemployment
Responsive pages in jquerymobile
Hi i'm using jquerymobile, html , css and phonegap to build an app for android. i have a problem : when i run it on small devices for example 3.5 inch, everything is ok but when i run it on bigger devices the page will not sterech and fit to device's height and width... And on even bigger screens like tablets i have alot of white space so what should i do to fit my app to every device to width and hieght??
How to multiply values in two different select lists
Hi guys, I have two different select lists, for selecting the number of riders in a bicycle race and the tour they're participating in. When a selected field is updated, I want to display the total price. http://jsfiddle.net/v4dfa3um/1/ HTML code <select> <option selected="" value="">Select Riders</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option>
how to add a row to a table dinamically
Hi friends, i explain my scenario: i have a table: myTable c1 type 64 1 64 2 72 1 128 2 80 1 145 3 in Master page the user choose the type, suppose the user choose the type=1, with a select statment: select * from myTable where type=1 i get this rows: c1 type 66 1 88 1 138 1 with this rows i need create (in this case) 3 input texts and create a table with 3 columns
How to render new lines for placeholder in Firefox?
A textarea with a placeholder with new lines renders new lines correctly in Chrome/Chromium but not in Firefox 40. Here https://stackoverflow.com/questions/7189223/can-you-have-multiline-html5-placeholder-text-in-a-textarea is some background information on it but I was wondering if jQuery Mobile offers functionality to force the new lines. Is there and how can that be used? Or is this a feature request?
jQuery UI - drag an item from drop area and drop it back to same drop area - drop event doesn't fired
I have number of drop areas $('.drophere') and a storage of draggables $('.dragme'). Each drop area can contain just one dropped item. You can drop new item over dropped one (replace). You can drag an item from one drop area to other. You can drop the dragged item outside of drop area - and "forget" it - no need to revert. If you start drag an item from drop area and decided drop it back to same area - drop event is not fired, thus the dragged item is lost. Is it some kind of restriction in jQuery
How to reference an SVG drawing primitive with Keith Woods SVG Plugin
Hi folks, here's a code snippet that will generate a nice Lissajous figure using Keith Wood's SVG plugin. I can't figure out how I can change the points in the polyline primitive once it has been instantiated. I would think that I need to change line 12 to something like var mypolyline = svg.polyline(myarray, .....); and then later change the point array with svg.change(mypolyline, {points: newarray}); but this is bombing out. Here's a fiddle with the working code: https://jsfiddle.net/782386ec/
[SOLVED] Adding Widgets to a Header in an Accordion
What I would like to do is have my accordion headers include a progress bar and maybe another label. So the idea would be like this: Header 1 =====----- Label 1 Header 2 ==-------- Label 2 I've seen techniques to add images to headers like this: <div data-role="header"> <div id="header1_progress" ></div> <h3>Header 1</h3> </div> <div>Header 1 Content</div> Is this the correct way to approach this problem? It feels a little hacky because the documentation mentions that the content div
online chat box
hi i want to create online chat box you have seen on many websites there is a section of live chat in corner like that i want to create live chat box can any one help me?
not loading css style when first time page load
HI , I am new for Jquery mobile ,and i am creating new application in this , i am using jquery mobile and here I'm using spring controller for navigating pages,so it will navigate correctly,but some contants in the page will not loaded correctly(example radio button). So if I refresh the page it wil loaded correctly. and another problem is if I go back for previous page it'll also same, css styles not loading correctly,but refresh the page it work correctly Please help me Thanking you, Guruprasad
how important is it to know sizzle ?
I have often seen some jQuery experts mostly in online post/articles point out how understanding sizzle.js is important , has anybody of you ever spent time going through sizzle.js ? Is it a handy thing to know how the jquery selectors work internally ?
not execute a click event
Here my code: $(document).ready(function () { $(".verDetalle").click(function () { alert('111'); var widsala = $("#xcombsalas option:selected").val(); var whtml = ''; $.ajax({ method: "post", url: "ajax/a_pallcmapasala.jsp", data: { "xidsala": widsala, "xtypo": 3 } }).done(function (xhtml) { whtml = xhtml;//.responseText; // console.log(whtml); document.getElementById("xtablaDispSalaDetalle").innerHTML
load() function
hey guys im currently using the load() function to load a report form inside a div container...this works beautifully. but how can i detect when form is submitted after form is loaded please? var report_button = $('#report-txt'); report_button.click(function(){ var item_id = $(this).data('item-id'); if (item_id !== null){ $('#report-item-container').load('item/' + item_id + '/report', function() { $(this).show(); });
function called at page ready
I'm not sure if this is a jQuery or a simple javascript question. How can I associate a named function with a button click (or any other jquery event for that matter)? I have two examples, where an anonymous function is defined and assigned to a button, and that example1 works perfectly. The second example I'm trying to define a named function and associate that with the button. In this case, the function executes, and the alert is displayed as soon as the page is loaded, without pressing the button.
problem with drag
HTML <!DOCTYPE html> <html> <head> <title>Problem</title> <link rel="stylesheet" type="text/css" href="jquery-ui.css"> <link rel="stylesheet" type="text/css" href="style.css"> <head> <body> <div id="menu"> <div class="intro"> <div class:"numbers" > <div class="number">0</div> <div class="number">1</div> <div class="number">2</div> <div class="number">3</div> <div class="number">4</div> <div class="number">5</div> <div class="number">6</div> <div class="number">7</div>
How i can made it?
Hi, i want to know how i can create a similar jquery for like this http://www.ciclibrianza.it/bike-builder/ i don't know jquery language, is possible to use some software like dreamweaver or like stuff that for make it in easy way? TNX
How to implement jquery mobile swipe event
Hi, I am developing mobile application and i want to implement swipe event.Here is my code but it is not running. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>swipeleft demo</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
jQuery ZeroClipboard Doesn't work when I have followed the instructions
I have tried the sourcecode from http://www.steamdev.com/zclip/ by applying the file on the internet (http://testtesttesttest.site40.net/index3.html) but doesn't work despite that I have followed the instructions from http://www.steamdev.com/zclip/. I don't retrieve any error message. The function just don't work. I gave a new try by using CDnjs (http://cdnjs.com/libraries/zclip/1.1.1) forhttp://testtesttesttest.site40.net/index4.html but the same problem still existing. I also have tried this code
using flipster and flexislider for my website
Hi there, I have a query for the admin people. I want to use the flipster and flexislider in my website development. I will customise them to my needs. is there any licencing required. if so who should I contact. any email address etc., or can I use them free without informing anyone. thanks and regards
web page editor with jquery or angular js
hi i need this functionality is it possible with jquery or angular or both 1->i have html page with some html design 2->when i click on any html element it must be customizable for its css, text,javascript function etc so that i can change height ,width etc. 3->drag and drop fucntionality for dom elements 4->preview after some cutomization 5->must have save option so that what i have changed it must reflect into css file and in js file and in the content file
Dialog open issue
Hi, My code opens a dialog and assign title attribute, using the open event, to html input tag within the dialog. After closing the dialog (dialog("close")) and re-open it the open event handler/function occur but does not set the attr... How can I make the open function re-assign the title attr the second time the dialog opens ? Code follows - $(function () {
$('#testButton1').click(function () {
var d = $("<div />")
.css({ width: 200, height: 200 })
.html("Testing dialog <input type='text' id='idd' >").dialog({
modal: true,
width: 200,
height: 100,
autoOpen: false,
buttons: {
"Ok": function () {
Best structure
I just build my first more complex plugin that transforms an empty table to an extended data list with edit, filter, sorting, deleting, inserting and more functionality. All works fine and as expected, but on the way i found out that some of my design patterns are not the best for my solution, so i was wondering if there are any articles available about building complex plugins that cover the structure and design of these plugins. I did found some pretty ok articles but they are years old and i was
call back function
HI ALL, Can someone please tell me how a function definition passed as argument to another function in jquery ?? how it works. if you have a look in the below example:- where the function definition is passed as a argument $(document).ready(function(){ $("button").click(function(){ $("p").hide("slow", function(){ alert("The paragraph is now hidden"); }); }); }); Please explain me I am very confused,I am in learning stage. Thank You Very Much,Pratap
The sourcecode of using jQuery ZeroClipboard in my local computer
I have retrieved this code from http://www.steamdev.com/zclip/. When I tried the sourcecode it doesn't work and I cannot find the root problem that I can't use the source code in local computer. Thanks! <!DOCTYPE html> <html> <head> <title></title> <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.zclip.js"></script> </head> <script> $(document).ready(function(){ $('a#copy-description').zclip({
Question on where to place script - works at bottom, does not work at the top.
I have 2 jsfiddles that have the same code, just one places the script at the top of the html and one places the same script at the bottom of the html. http://jsfiddle.net/k1Lxabh1/ <--- script at top, does not work. http://jsfiddle.net/kzm4kasb/ <--- script at bottom, works. So my question is why? I think this has something to do with the onLoad vs onDomready, but I'm not sure. Note if I take the <script> out of the html and place it in the javaScript section of jsfiddle it works--- as long as
With bootstrap panels, the placeholder of jQuery UI sortable is always at the left side
I'm trying to implement sortable bootstrap panels with jQuery UI. But the placeholders keep stay at the left side when dragging the bootstrap panels. Please see my code in http://codepen.io/anon/pen/oXrVVq Thanks. [Edit:] I think the placeholde is to indicate the new position of the moving element. Please see below demo.
Change image extension
Hi, How do you replace an extension of an image on page load? I need to change the gif to png. var domainName = "http://www.domain.com/";
if ((window.location.protocol + "//" + window.location.hostname + "/") == (domainName))
{
//what to do here?
}
Thanks!
Replicating hover for tabbing through navigation
Hey guys, I am working on a new navigation system for a website. The navigation is an unordered list with hidden divs, hovering over the <li> element expands the hidden div and shows the menu. I want the website to be accessible and as such would really love the div to be shown when someone tabs onto the hyperlinks inside the <li> on the main menu. Here is the code which I use to show the hidden div when someone hovers: $('#health_nav_option' ).hover(function() { $('div.dropdown', this).toggle();});
11.4 Download Builder not working.
Hello, Currently if I select 1.11.4 (Stable, for jQuery1.6+), have everything ticked with their default values, don't enter anything into the CSS scope. When loading the index.html in firefox it does not load the CSS correctly, and it seems 2/3 of the files are missing. All I get is: The old one: With the legacy one, the theme is picked up straight away. Additionally the themes folder and demos folder is there as well. Could someone tell me why these are not being provided with the new version?
Jquery dialog with <a>
Here's an example of what I'm trying to tie a dialog to: <div id='dialog' title='Blog Post Viewer'></div> <a href='? $url_data ' onclick='return false' onmousedown=' run_modal ( \" $href \" , \" $url_data \" );'> $link_txt </a> My goal is to be able to run "run_modal", and let it auto populate the dialog box with an ajax request. When I run: $(function() { $( "#dialog" ).dialog({ autoOpen: false }); }); function run_modal( href, url_data ) { $("#dialog").dialog("open"); // alert(href+"="+url_data);
simple button or link
Hi i have very limited knowledge on json, js but im ok with php and html. I have small page where on the index page i want to create a small js or js type link/button. when it is clicked it will execute the php code in a php file which is in the same folder as the index file but without redirecting to another page. ive been searching google for days now and i am no better than when i started you have no idea how much i would appreciate some help with this, i just do not know where to start. thanks
Collapsible minified help?
I'm doing a TODO collapsible view and have some problems 1. Collapsible became short when I put it inside footer - WHY? how to fix to 100% length? 2. rows are so big, I want everything inside minified and remove that huge padding around 3. why collapsible is not aligned vertically with buttons? how can I fix it? 4. I did a grid because I could not fit it regulally. But I want to make it responsive so everything fits and if it does not it floats lower. How do I do that? http://jsfiddle.net/xLvL7cd7/1/
Jquery ajax post over https not working
Hi, My application is hosted on https on port 9002. My ajax calls are successful if I hit button immediately page load. After sometime(say 3-4 min) my ajax call is failing with error "NetworkError: Failed to execute 'send' on 'XMLHttpRequest': Failed to load 'https://localhost:9002/****/***/***", this not because of session timeout. I am testing this in Crome. Please help to understand why it is failing after sometime. Thanks in advance.
Apply blue frame and icon inside of input box
I would like to apply this source code inside of a input(http://www.w3schools.com/tags/tag_input.asp) when you have a input data. When you press the a submit button the data will be transfer to the backend and I dont want the html code to be entered inside of the backend, only the input data for instance "candy". The functionality is existing at Stackoverflows webpage and I have uploadad a picture to understand it clearly. My question is: How should I create it in order to make the input data to
Jquery to Mysql db help
<script type="text/javascript">var x=5;//saati atıyoruz
var yaz="";//en son yazılması için bir değişken tanmlıyoruz
var fark=0;//dakika farkı için bir fark değişkeni tanılıyoruz
var dakika;//dakikayı tanımlıyoruz
var count=0;
var username = "Jeremy";
var lvl = 1;
function say()//fonksiyonu tanımladık
{
var dakika=0;//ilk dakikayı 0 tanımladık
x--;//x den 1 eksiltiyoruz
if(x<10){//x 10dan küçük ise başına 0 kouyoruz 01 tarzında görülsün
yaz="0:0"+x
.value.contains doese'nt works in some browsers.
Hello, I have a form like this: <input type="text" name="url"><br> <input type="submit" value="submit"> and I wrote this jQuery code to prevent submit form if field has a certain value: $(document).ready(function(){ $('input[type="text"').keyup(function(){ if(this.value.contains('text')){ alert('Sorry, we can\'t submit '+this.value+' here!'); $('input[type="submit"]').remove(); } }); }); but it works only in firefox and not works in chrome and IE. see this demo please:
hide all divs and show only one onclick jquery is not working
<script src="https://code.jquery.com/jquery-1.10.2.js"></script> <script> $( document ).ready(function() { $('.items').hide(); $('#clearproducts').show(); }); $(".sushi").click(function(){ $('.items').hide(); $('#sushi').show(); }); </script> <div class="tabs"> <ul> <li><a href="" class="clearproducts"><span>Clear products</span></a></li> <li><a href="" class="sushi"><span>Sushi container</span></a></li> </ul> </div> <div class="items" id="clearproducts">
Copy for Clipboard in Firefox
I have found a source code for copying to clipboard that is fitable for IE: "http://jsfiddle.net/azgugmjb/7/light/" "https://jsfiddle.net/jsLfnnvy/12/" and Chrome: "Copy to Clipboard using Chrome only" But not for Firefox. Do you know any sourcecode for Firefox in relation to copying to clipboard? I DO NOT want to use an extension application or similiar. Sourcecode only! Thanks!
Change height in query string with jQuery
Hello, I'd like to replace the height value in the following query string using jQuery: /GetImage.ashx?w=1200&h=600&f=1&IDMF=1d5f1a45-92ac-40e9-8c8c-dc470ac85e2c so that the url is instead: /GetImage.ashx?w=1200&h=400&f=1&IDMF=1d5f1a45-92ac-40e9-8c8c-dc470ac85e2c I have no access to the html on the site, hence the strange request. Thanks Emma
Next Page