How to upload images also change whole div
Hello guys, i need to create upload images look like above, my script is here http://codepen.io/sidaurukfreddy/pen/rOVYMv , my question is Is the CSS script avaiable can be like that How to make when images is uploading not more than div Thanks for respond
Always show table headers
I dynamically fill a reflow table and call "refresh" and "recreate". Once I have a small mobile device display, the content switches to vertical alignment as expected. But the table headers are not visible anymore! How can I make them always visible? Note: When I manually create a table it works perfect. <table data-role="table" id="table" data-mode="reflow" class="ui-responsive table-stroke "> <thead> <tr> <th></th> <th>Tag 1</th> <th>Tag 2</th> <th>Tag 3</th> <th>Tag 4</th> <th>Tag 5</th> <th>Tag
API_unique bug in IE 8
<script src="jquery-1.11.3.min.js"></script> <script> $(function(){ var a1=$("#u li"); var a2=$(".red"); $.merge(a1,a2); $("div").eq(0).html(a1.text()); $("div").eq(1).html(a1.length); $.unique(a1); $("div").eq(2).html(a1.text()); $("div").eq(3).html(a1.length); }); </script> <body> <ul id='u'> <li>a</li> <li>b</li> <li class='red'>c</li> </ul> <ul> <li>1</li> <li>2</li> <li class='red'>3</li> </ul> <div>?</div> <div>?</div> <div>?</div> <div>?</div>
JQUERY VALIDATIONENGINE FUTURE DATE FORMAT
Hi, I am using jquery validation engine.how to change date format of future(dd/mm/yyyy) Already changed custom date format of dd/mm/yyyy.but future date format can not be solved any one can help me.
problems with scripts
Hi, I have porblems here is my code <!DOCTYPE html> <html> <head> <title>el altruista</title> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width,initial-scale=1"> <link href="C:\Users\paulong\Documents\ahorasi\app\conf-rooms\css\themes\2\tupacata.min.css" rel="stylesheet" /> <link href="C:\Users\paulong\Documents\ahorasi\app\conf-rooms\css\themes\2\jquery.mobile.icons.min.css" rel="stylesheet"/> <link href="C:\Users\paulong\Documents\ahorasi\lib\jqm\1.4.5\jquery.mobile.structure-1.4.5.min.css"
Date picker using jquery for dob year selection
I am using date picker from Jquery. Where currently I facing a problem By default range of the calendar has to show from 1900 - 2100 years. The system should accept the date minimum 10 year previous from todays date for example .1900 - 2000 years if the user select after 2001 jan by mistaken error class should prompt I am bit confused how to do I tried with min year & max year but If i gave year range as 1900 to 2015 calendar was showing till 2015 sep only but i want to show till 2100 $("#txt_dob").datepicker({
Found find flaw
I use jQuery a lot, especially the find method which is why this little quirk threw me. I've thought of find to be an extension to a selector string. It allows some use of arbitrary methods after the selector string and then continues to find even more. But using it with a finite selector (:first, :last, :eq, etc) causes it to search within each element. This isn't a problem for classes or elements within the selection, as find will return any number of those. But using it to retrieve the first element
Showing json data from wcf service
Hello, first timer here, and I really hope and pray you can help me, as I have had not much luck trying to figure things out on my own. I am trying to create an app using Devextreme My code looks like the following - db.js (function () { var dbImpl = { url: 'http://localhost/service/GetCustomers';, _sendRequest: function (type, params) { var deferred = new $.Deferred(); var requestSettings = { url: $.trim(dbImpl.url), type: type,
Validate: with Bootstrap Wizard
I have a site where i am using Bootstrap 3 and a separate 3rd party "Bootstrap Wizard" component ( http://vadimg.com/twitter-bootstrap-wizard-example/ and https://github.com/VinceG/twitter-bootstrap-wizard ) Having finished the layout of the wizard, I am now trying to put in some validation on the form. I have tried the jQueryValidate component, and it doesn't seem to work. I then created a new php page, and created a simple form, with no wizard component, and it works as expected. Therefore, it
Dialog buttons fail on high vertical resolusions
My site is perfect-rehitim.co.il I use JQuery Dialog and launch the dialog box by using the left most menu item(The actual use is elsewhere but i use this menu only for debugging). In resolution of 1280X720 it works fine. Problem is that when using the buttons with higher vertical resolution like 1280X1024 the bottom buttons, like "Help" don't work. Instead they tend to jump the view port and the vertical scroll bar down. Can someone advise please? Regards I. Sher
Chrome crushed when I code like this 'jQuery(jQuery).append(5)' or "jQuery('2').appendTo(jQuery)"
Tested with version 1.9 and 1.11. Is it a bug? I do not know it until our student tell us!
Looking for pluging for sype like effect.
http://www.shyp.com/ Please scroll through these website and you will see that the background image scrolls normally, while the screen shot changes in the phone to it place how I can do it please suggest. Do we have any plugin for that in Jquery. Other URLs http://yougotthenod.com/ http://www.aims-app.com/ http://kimd.cc/ http://beardswipe.me/ http://www.pomodrone.com/ http://mymail.my.com/ Thank you.
How to change style of a included html file inside <object> tag ?
I want to change the style of a html file I get from the web when including it inside <Object> tag. My purpose is to hange the display of web page such as https://clients3.google.com/cast/chromecast/home to make it full screen and discard the dark veil, so on .... Then my file could be : <html> <body> <object id="file" data="https://clients3.google.com/cast/chromecast/home" type="text/html" style="width: 100%; height: 100%"> </body> </html> How can I get inside the code to restyle the page as I want
How to show a text and an icon inside the images that are being rendered inside jquery slider
I am using a web template which have a jquery slider that uses jQuery touchTouch.jquery.js plugin version 1.0 . A live sample of the slider can be accessed from this link .now inside the web template i got the following markup :- <div class="row">
<ul class="listgall">
<li class="col-lg-4 col-md-4 col-sm-6 col-xs-6 colgal">
<figure><a href="img/page3_bigimg1.jpg" class="thumb"><img src="img/page3_img1.jpg" alt=""><span><strong>Project name:<strong><em>Lorem
Jumping to an anchor with javascript while using the multi pages from jquery mobile
Hello, I am using the multiple pages template from http://demos.jquerymobile.com/1.4.5/pages/ for my Battleships game. I've got a function where it is vital to jump to another internal page without reloading it. Unfortunately I cannot use a normal anchor here without rewriting it all, so it would be very nice to use javascript. If there is a way to do that please tell me. Best regards, Clemens
DOM insertion and CSS Style
Hello, I'm french so i have not a good english, sorry !! I developp a responsive web applicatino with jquery mobile, i use ajax for my query and i insert table row and submit button in the DOM. My problem is when i insert dom elements their CSS style is loose, the css style of jquery mobile don't aply. Thank You for your help
retrieve data from mysql database
Hi, I'm trying to retrieve data from Mysql: <script> $(function(){ $(".btn-reparto").click(function(){ var reparto = $(this).text(); $.ajax({ url: "dbscript/getArticoloComanda.php", data: "", dataType: 'json', success: function(data) { for (var i in data) { var articolo = data[i]; $('#articoli').append('<input id="' + articolo[0]
Error in changing background color of cell in html
Hi All, In my application there is an html table this is the code for my requirement <script type="text/javascript" language="javascript"> $(document).ready(function() { $('body').on('click', '.anchor3', function() { $("a.anchor3:contains('B')").each(function() { var pcolor = $(this).parent().css("background-color"); if(pcolor != "rgb(218, 112, 214)") { $(this).parent().css("background-color", "red"); } else {
Newbie... question about pages
I just started and made a test site with 5 page ( linked to the header menu in the demo downloaded ). When I link them to separate pages ( like I usually do with we sites ) it does not like the url unless I use a full url. After reading a little more it looks like all the pages should be in the same file. Is this how the site should be created? It there anything special you should do if linking to another webpage. <li><a href="signup.html" data-icon="clock">Signup</a></li> I guess my question
how to use .add.class.remove.move?
I want to know how to use .add.class and .remove.class im confusing and .css not work. I just did .css and work but when i combine with other function it is not. 1. I want to add $('img a') float to right, margin left and right, (i know it) 2. then move the $('p.mobile-photo') to other div (not append or prepend, i mean inside the div 'separator' class) i don't know this script 3. then remove the <p class> after all i want to move the separator class to the top of desc class (i use before but not
what is selector ?
Hello guys , was just going through the source on fancyinput.js and came across the following line (see it on git HERE. ) var selector = inputs.selector; so if i console.log selector , i get the selector i initially used to initilize the plugin , i.e. "div :input" is inputs.selector a Javascript method/property or a jQuery method/property ?
Going nuts trying to find the syntax error! Help!!
I've been looking for the syntax error in this snippet for hours. Can you spot it? Here's the page (last section only; "Fiberglass Boattails"). Select an item to show inputs. http://m.publicmissiles.com/tailcones.aspx Please help. Thanks. ---Frank //find FNC Slotting in array for (var i = 0; i < productArray.length; i++) { if ((productArray[i][0]==SLOTTINGFNC)) { document.getElementById("FBTLslotting_price").value = productArray[i][2]
ReAdding Event Handler After Dynamically Removing and ReAdding Element
Hello everyone, I think the title should be pretty clear in terms of describing the issue. Basically, I'm trying to create a reset() method where I can remove then immediate readd the element and it's event handler. Right now, it removes the element (which is initially built into the HTML) and readds the element. So that works, but the original events that were tied to that element are not added. Any idea as to why? Any help is appreciated. Here is the code I have: function resetAllOverlays()
ajax call to php with redirect
Hi I am creating a site where make a ajax call to php that saves my data to mysql then uses some api to paypal and then redirects to paypal to make the payment. when I built my test php and referenced direct all works great. Now I am using ajax to post the data to the file I get a 302 header response and the redirect doesn't happen. I believe this is down to how ajax is behaving but no idea what, is there away I can make this work? here is my ajax call and response fromm php. $.ajax( {
Desperately need help with jQuery
Hello all. I am in way over my head with this and I would love some help. I program PHP, MySQL, HTML and others, but I never could get down jQuery and javascript. Anyways, I am working on a navigation menu and on mouseover the menu comes out, however, when I go to next area where the menu pops out to a sub, it goes over the other one and so on! Here is what I have: $(function(x){ $('a.link-sub').mouseover(function(e) { // Add active class to section title $(this).addClass('active');
page loaded with: $ load ("#"), not stylize
how to call another page with jquery using css that is loaded on the main page? is possible with $("#id").load()?
Animation: Function Inside "Done" Still Executes
Hello community, I am having an issue trying to stop a function from executing in the done property when using jquery animate method. Basically the first part of the animation is a color overlay when the user mouses over the element. Once that color overlay completes, then some text is suppose to appear (which is a css text animation itself) . But if the user hovers over the element and quickly mouses out, then the text shouldn't appear but it still is. Here is my code. $(".grid1, .grid2,
jQuery test suite crashes with IE11
Hi all, I have tried to run all tests of jQuery 2.1.4 test suite with Internet Explorer 11, but after some tests, the page become irresponsive and the browser crashes. Any idea what is going wrong? Thanks, Ahmed
Jquery stripping xml tags
Hello, I'm trying to make a simple jquery class for use as a Construct 2 plugin. It's for creating an xml inventory. The problem is somewhere in the first function jquery is stripping all the tags from my xml. I've ran alert through the add_item function in various locations, but can't seem to find the problem. Also my remove_item function isn't doing anything.. I think that's because of the tags being stripped in add_item function. Thanks for taking a look. All html is here to so anyone can run
Populating hidden field in a form via button click?
Hello, Very new at jquery (actually trying to modify a small app created by a programmer) and trying to figure out what I am missing to populate the value of a hidden field for a form that pops up in a window (modal) via a button click. Code for the button click: <script type="text/javascript">$(function() { var message = "149"; $( "#create-user" ).button().click(function() { $("#hidden-input").val(message); $( "#dialog-form" ).dialog( "open" ); });});</script> When i use the following code below,
JQuery add Tab Index to Accordion
Good Morning, I need to add this jQuery in order to Keyboard Tab through my Accordion list but I am not sure where in my file to add it. Attached is the file in question. $(‘#uniqueid of the element”).attr(‘tabIndex’,’0’); Thanks for your help!
Adding class to elements not working
I'm using this code: <script> jQuery(window).scroll(function() { var scroll = $(window).scrollTop(); if (scroll >= 150) { $("header").addClass("white"); } else { $("header").removeClass("white"); } }); </script> When the user scrolls, the class 'white' is to be added to the <header> element , and it's not. I don't know if I'm experiencing a conflict somewhere? Can someone take a look?
Megawhite- I want to learn and use jqurey for my college project.
Hi Guys, I know some sort of programming languages and now wanted to learn Jquery. Can you guys suggest me some resources or the online links from where I can learn jquery. I am waiting for your suggestions. Thanks -Bryan
Mobile framework Survey Research
Hello! My name is Grega and I am a student at University of Ljubljana Slovenia. I found your e-mail address at the Google Play Store. I am working on a research for my BSC thesis where I want to compare different frameworks for developing mobile applications (i.e. Ionic, Xamarin, JQuery Mobile, ...). To complete my thesis I require answers from actual developers who use this framework, therefore I kindly ask you to answer to my survey, regarding some of the properties of the framework. LINK: https://docs.google.com/forms/d/1nq5Uauo-YDR0Unf6pwyi8qz6sHZC8dGOvs6Phx3He0E/viewform
Reponsive div
<script src="http://jwpsrv.com/library/DU1hDEYwEeOAsiIACqoGtw.js"></script>
<script type="text/javascript">jwplayer.key = "inGvM6eezfVUavuJaws/63YPyejCjw0cnOY0TQ==";
if (navigator.userAgent.match(/android/i) != null){jwplayer("tvplayer").setup({file: "http://mn-l.mncdn.com/showtv/showtv2/playlist.m3u8",stretching:'exactfit',image: "http://www.canlitv.name/wp-content/themes/wpt-tv/images/player.png",width:"100%",height:"55%",type:"mp4",primary:"html5"});}else{jwplayer("tvplayer").setup({playlist:[{image:
Cloning between 2 tables
Hi all The problem statement follows: Using jQuery, I need to copy, rows, one at at time, by dragging from table1 to table2, leaving the row unchanged in table1. On dropping in table2, I need to add 2 new columns to the row dropped in table2. The rows need to be drag/dropped in table2 to rearrange the row order. The OK adds a new data column to table2 for sending to a server. This column will later be hidden. The attached code works nicely. BUT The problem is that if the drop mistakenly occurs before
understanding a LTR function regex
Hey guys , have a look at the function HERE . I believe its to detect weather a character is left to right(LTR) or right to left (RTL). var ltrChars = 'A-Za-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02B8\u0300-\u0590\u0800-\u1FFF'+'\u2C00-\uFB1C\uFDFE-\uFE6F\uFEFD-\uFFFF', rtlChars = '\u0591-\u07FF\uFB1D-\uFDFD\uFE70-\uFEFC', rtlDirCheck = new RegExp('^[^'+ltrChars+']*['+rtlChars+']'); I am still confused whats the real purpose of this function , the other question
Dynamically added page with external header / footer makes page jump
I have a page with one static page and one dynamically generated page. When changing page to the generated one it will be placed ontop of the header for a short period of time. After a few milliseconds it will jump into the correct position. Here is a fiddle showing the problem, going to page2 will generate a page and going "home" will show the static page. http://jsfiddle.net/Viktor/mz99kju0/1/
how to writing codes one time for diffrent situations?
Hello, please look at this code that I wrote, I have to define screenWidth for two times and also I have to wrote my codes inside and outside window resize. Is there a better way for this: html <body> <div class="first">First</div> <div class="secound">Socound</div> </body> jQuery $(document).ready(function(){ var screenWidth = $(window).width(); if(screenWidth <= 980){ $('.first').insertAfter('.secound'); } $(window).on('resize', function(){
jQuery UI Tooltips not working with all versions of IE 11
Greetings, We have just completed converting or tooltips over to jQuery UI 1.11.4 (jQuery 1.11.3) and I have discovered that some version of IE 11 work and some don't. Is anyone aware of this and if so, can you identify the version where this works reliably (so I can set a minimum version baseline)? I have verified that the browsers are NOT in compatibility mode. This version works: 11.0.9600.17959 (UPD: 11.0.22) This version fails: 11.0.9600.17501 (UPD: 11.0.15) The symptom is that the keyword
Next Page