.css() and svg > Google Chrome
Hello, I have a big problem with the .css function and a svg in Chrome. I'm trying to resize a background-picture, everything works fine with Firefox but in Chrome it doesn't work. It works only if I use a png and not a svg. Example page: http://99nos.de/test2/test.php Every time when you refresh it generates a new random amount of text to give every time a new size. Can anyone help me please?
jQuery UI TAB is not working on ie8
Hi I have coded an a help desk form with 10 tabs. It works fine on all browsers except ie8. www.skmarkets.com/helpdesk/ My tabs has date picker and forms. these era my JS CODES <script type="text/javascript" src="js/modernizr.custom.04022.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <!--<script type="text/javascript" src="js/jquery-ui-1.8.23.custom.min.js"></script>--> <script type="text/javascript" src="http://code.jquery.com/ui/1.11.0/jqueryui/1.11.0/jquery-ui.js"></script>
APPLY HOVER CSS VIA JQUERY
I am using bootstrap and jquery 2.0.3 Is there any possibility to apply a hover css from a external script. I tried $("#btnTest").addClass(".btn-warning:hover"); but it is not working. any help would be appreciated thank you
Layout inside tab not working
Here is the HTML . There is no external css file (scroll down to the html code) http://stackoverflow.com/questions/24980149/jquery-ui-layout-inside-tab-not-working What I want to acheive is as follows : I have some tabs as in this image and I am trying to put in a ui-layout in one of them now. https://lh6.googleusercontent.com/-7_tawRRzXVo/U9TEZYSkSFI/AAAAAAAAAvA/NorX9BYpL8w/s1600/onlytabs.png In want a to put a layout in one of the tabs. With the layout code targetting tab1 (see below) it looks
trigger iphone 'Done' button on video ended
I used JQM for a small video app development .. and I am quite happy with the result.. as user can watch it on their computer or mobile device. I am using video.js as an HTML5 player with auto fallbacl to Flash .. and it runs .. ( I am using a single page template ) watching my test app at http://video.webdufour.com/optimal, you can see : 1 - a movie sequence in the video player ( when an ads clip ends it's removed from the playlist ) 2- upon last clip of the sequence ending , the #playlist-page
Activating a Modal for non registered users onLoad and onClick
Hi guys I am using Wordpress, and have a members only lockdown for 95% of the site, but the homepage is viewable to all. The homepage however has links, which link through to articles etc for members only, and a few other links which I would like anybody to be able to click, e.g social. My fiddle below is basic, it checks for non logged in users via the body class in Wordpress, and activates a Login modal for them on page load. I would also like this modal to activate when they click any links bar
Syntex Error: missing ) after argument list
Hi, Can someone tell me how to fix this. I get the same error for the commented out $.each also. I have tried to make this as simple as I can so show no other code. accData was returned from an AJAX call. function showTable(acctData) { //$.each(accData, function(i, item) { // alert(data[i].invNo); //}); $.each(accData, function() { $.each(this.function(name,value) { document.write(name+" = "+value); }); }); }
function checkuser()
I modified a jQuerry script to use it on my login.php. In the script is a function called checkuser(). This function will fade in a msg to register, when the username does not exist/ / is invalid. Right now as I'm using this code, every username is invalid. So how am I gonna check my database using this code? <div id="register-inner"> {{ Form::text('username', '', array ('id' => 'reg-user', 'class' => 'login-input required', 'placeholder' => 'Username', 'autocomplete' => 'off')) }} </div>
How to remove collapsible icon ?
Hi I am using jquery mobile (last version 1.4.3) Now, I want to remove the default icon on coolasible. But I dont know where it is How can I do it ? Thank you so much
CSS style not being honoured
Hi Guys, When I debug my CSS properties under Chrome it normally shows the proper *.css file under the “Styles” tab of the rule it applied to my element (‘button’ in this case). Just now I am struggling with the case where it shows me something like this (no source .css file at all): input[type="button"],input[type="submit"], input[type="reset"],input[type="file"]::-webkit-file-upload-button, button { 1. padding : 1px 6px; } I specified for my button element the bootstrap.css classes “ .btn-primary”
show thumbnail photo in full size with jquery
hi everyone! I am a beginner in jquery. I create a photo gallery with jquery that works like this: my page has two sides for showing photos: left and right. in the left I have some thumbnail photos that when I click on each of them, it appears bigger in right side of the window. but I want to do this: if I click in a single lage size of photo that is in right side, it shows that in a full size in all of the screen with a light background. Is there any one who helps me for fixing that? thank you so
How to toggle html forms within a php loop individually?
I have a php loop that fetches records from the database. <?php $comments=array('comment1','comment2','comment3','comment4','comment5','comment6 ','comment7','comment8','comment9'); $c_count = count($comments); for($i=0; $i<$c_count; $i++){ $comment = $comments[$i]; echo '<button value="Show Reply Form"></button>'; echo '<div class="comment_box">' echo $comment['comment']; echo '<form action="path/to/insert_reply.php" method="POST">'; echo '<textarea name="about" cols="47" rows="4"></textarea>';
Question about jquery versions
Hello, How ca i make jquery-1.10.2.min to works with jquery-1.7.2.min. because i have jquery-1.7.2.min in my template but i use jquery-1.10.2.min for develloping my application
Build Custom Menu with jQuery UI Selectmenu Widget
I read through the api document http://api.jqueryui.com/selectmenu/, but failed to make a custom menu click-able/link to where I want? with using https://wordpress.org/plugins/jquery-ui-widgets/screenshots/ in my plugin setting jQuery(document).ready(function($) { $( "#speed" ).selectmenu( "menuWidget" ); }); in my wordpress text widget setting <select name="speed" id="speed"> <option value="Slower" selected>Slower</option> <option value="Slow">Slow</option> <option value="Medium">Medium</option>
Looking for html5 video lightbox (must work well with iframes)
Hi, as the title suggests i'm looking for a ligthbox that will load html5 video content and most importantly, it must be capable of loading content stored in an iframe into a lightbox in the parent frame . Does this exists? btw i have a working solution that deals with photos in this way but now have the need for html5 video.
"ReferenceError: $ is not defined" bug with Firefox
Hi, i am using jquery for creating highlighted hotspots in a image. The idea consists of highlight some areas of the picture when the mouse is over those areas. The code is as follows (sorry for the plain text; the code shall run in Eclipse Process Framework Composer and this enviroment is not the most confortable for coding). Once generated the .html, it works perfect with IE (i attach a screenshot of the html file opened with IE showing one of the areas highlighted) but with Firefox the web works
paging comboboxes will not displayed in jtable
I have downloaded the jtable demo for ASP.Net MVC and if I start the demo I have mentioned that there the "row count combobox" and the "got to page combobox" will not displayed. I tried to set the option "gotoPageArea" with the value "combobox" but this didn't solve the problem. Later I have mentioned that the demo has not the topical version of the jtable (2.4.0). I replaced the sourcefolder with the topical version but it has no impact. Has anyone an idea how I can show the paging comboboxes?
jquery UI sortable containment question
I want to limit the area of dragging for a sortable list. How can I set containment to be the closest parent with a specified class? I created a jsfiddle page, can someone please help me fix it? http://jsfiddle.net/5exp5/6/
Maximum # of pages allowed in jQuery Mobile?
Hi Friends, I have more than 300 pages for which I am developing a web-app in jqueryMobile. Till 18 pages, It is working but after that page is not getting loaded. I am getting a page of loading continously. Is there any limit of pages in jqueryMobile? Prompt help will be appreciated PFB, Loading screen Regards, Amrish
Anyway to test only for keys that would clear out a text field(backspace, delete) or other such actions.
Hello, I want to exclude regular alphabet characters. I have a function that Im trying to use: $("#TO").on("keydown", ".TO", function(){ var $this = $(this).val(); if ($this == "") { $(this).empty().remove(); } }); Is there a way to say keydown.not(keypress). In other words I want to only remove the element if they do backspace or other such actions to clear out a textfield.
Why my Php/Jquery script causes the images to overlap?
I'm using jQuery Infinite Scroll Pagination in conjunction with masonry to position each element in the next open spot in the grid, and within this script i have a (while loop) that fetches records from the database, everything seems to be working properly until i start to scroll down then something goes wrong and causes item elements to overlap showing the images overlapping one another. I tried solutions like Imagesloaded but i had no luck. Kindly check out my code below and tell me what goes wrong.
Remove a tag
Hi, For some reason Wordpress is generating a ul tag inside my ul tag which is totally useless. This is the current code: <ul class="dropdown-menu"> <li class="active dropdown-submenu menu-fleckenbehandlung"><a href="/akorug/1681-2/">Fleckenbehandlung</a> <ul class="dropdown-menu"> <li class="menu-tiefenreinigung"><a href="/akorug/1692-2/">Tiefenreinigung</a></li> <li class="menu-restauration"><a href="/akorug/aus-alt-macht-neu/">Restauration</a></li> <li class="menu-preisliste"><a href="/akorug/preisliste/">Preisliste</a></li>
jQuery UI or jQuery Mobile?
We're currently looking are developing the next iteration of our website. At the moment we only use jquery moderately along with jQuery UI. In terms of the UI, we use easing effects, the slider bar (with a plug-in for touch devices) and accordion. The next version of the site will be responsive and therefore need to cater for desktop, tablet, mobile etc. We also envisage a lot more javascript/jquery involved in the UX. The question is, should we continue to use UI, should we definitely move over
what's wrong with my if .. else code?
Hi I'm trying to get the following code working: $(document).ready(function() { $('.red').hover(function() { $('.yellow, .green').fadeToggle('slow'); }); var bg_colour = $('.yellow').css('background-color') $('.blue').click(function(){ alert($('.yellow').css('background-color')) if(bg_colour=='rgb(255, 255, 0)') { $('.yellow').css('background-color', '#0F0'); $('.green').css('background-color', '#FF0'); } else { $('.yellow').css('background-color', '#FF0'); $('.green').css('background-color',
How to fix IE error in dropdown hide
I'm using IE10 and Jquery 1.11 As known, IE has problems hiding options in dropdown menu.So I've written the following code to overpass the issue. The code runs fine when filtering, but deleting characters, don't show all the options. The code is: function filterDP(element) { var value = $(element).val(); var dropdown = "#dropdown1"; $( dropdown+" > option").each(function() { var optionValue = $(this).val(); if (navigator.appName == 'Microsoft Internet Explorer') { $(dropdown).find('option[value="'
problem with tablesorter, only first row sortable
Hello This is my first time using html and jquery, so my code might be bad. Still, i made a table and I want to sort it, but somehow, only the first row is sortable and I dont know why. Here is my code: <html> <head> <script type="text/javascript" src="http://tablesorter.com/jquery-latest.js"></script> <script type="text/javascript" src="http://tablesorter.com/__jquery.tablesorter.min.js"></script> <script type='text/javascript'> $(document).ready(function() { // call the tablesorter plugin
Issue in jquery left panel in windows phone 8
I have used panel widget ( like hamburger) of jquery mobile. But its not working properly. When I open it , click on any menu item and again click on panel icon (left hand top icon), then it vanishes. Kindly help me out regarding the same
HELP! how to open external links?
Please!!! I have a template with code blocks to external pages open in the same window, limiting at the scroll. How to release, to open an external site link? CODE IS THIS: $(document).ready(function(){ /* This code is executed after the DOM has been completely loaded */ $('nav a,footer a.up').click(function(e){ // If a link has been clicked, scroll the page to the link's hash target: $.scrollTo( this.hash || 0, 500);
jQuery v1.10.1 compatibily with Internet Explorer 11
Hi, For our application jQueryv1.10.1 has been used. In I E11 compatibility Mode , when testing a functionality instead of alerts nothing happens after few seconds getting the below: This page can’t be displayed Make sure the web address https:// xxxx is correct. Look for the page with your search engine. Refresh the page in a few minutes. Please someone help here Thanks Swetha
How to force print background and color using printThis plugin by jasonday
Hello! I am using the printThis plugin created by jasonday (nice plugin btw) https://github.com/jasonday/printThis/blob/master/printThis.js to print a part of my page. It is working fine except that it doesn't print the background and the color which is in the page (normal). And I want to print the page "As it is". I know that there is a checkbox in the browser print settings that you can check to print those ones. I know that there is not really a way to force the browser to print the background-image
jQuery validation plugin - debug error for button inputs
I have 6 nav buttons, <input type='button' ...>, that are generating validate errors: "has no name assigned" because they have no name. Is it possible tell validate to ignore button inputs? They are generated by a menu library and I really don't want to give them names that have no purpose and I REALLY don't want to start modifying the library.
Div size to be the same as the parent
Hi I have a div, called reccontainer, this has several divs of class rec in, basically a tile type selector for records. I wish to have the onclick of any clicks on class rec to animate the div to fill the reccontainer. I have tried this so far, everything works apart from xNewSize, it seems to move the div when i change the size $(".rec").click( function () { xShift = $(this).position().left - $("#reccontainer").position().left; yShift = $(this).position().top - $("#reccontainer").position().top;
Problem with Validation plugin using ajax
Hi, I have a problem when I submit form first time, everything is ok, and when I try to submit it once more, ajax is not working, and native form submit starting. Here my code js: $(document).ready(function(){ $('#contacts_admin').validate( { rules:{ "phone":{ required:true }, "email":{ required:true, email:true }, "slogan":{ required:true }, "adress":{ required:true }, "adress_bottom":{ required:true }, "worktime":{ required:true }, "map":{ required:true } }, messages:{ "phone":{ required:"Введите
JQM 1.4.3 everything about flip switches does not work for me
To whom it may concern, I'm testing out the flip switch feature of JQM 1.4.3 but for some reason everything I know about them data-wise is not working for me. What I'm testing is on flip switch change, I want to get the current value, but no matter how many times I change the flip switch, the value does not match the state displayed. I'm also trying to toggle the flip switch on a button press. Value wise, it is toggling between on and off but the flip switch does not show the correct state even after
fadein on top of div on mobile using normal jquery.js
Hello, I just started out with jQuery and i encounter a problem when using jQuery normal when looking at the site from a iPhone. When i scroll down, the div thats fadein only shows when passing the bottom of the div. i woould like the div to show when the top is reached. This is my code: <script> $(document).ready(function () { /* Every time the window is scrolled ... */ $(window).scroll( function(){ /* Check the location of each desired element */ $('.box').each( function(i){
(re)set selectmenu programatically
Since afaik the possibility to set the status of selectmenu via 'value' or 'index' is removed, how can i change the index of the selectmenu (eg. after onchange is detected)? thanks chris edit: i managed to do it by refreshing the whole thing $(".selector").selectmenu({change:function(event, ui){$(this).val('').selectmenu('refresh')}});
why animate ?
$('a').click(function(){ $('html, body').animate({ scrollTop: $( $(this).attr('href') ).offset().top }, 1000); return false; }); The script above works perfectly fine , but i have a question about the animate function() , why is it that we are selecting $('html,body') ?? i don't get it . what i understand is that if i write the code as $('a').click(function(){ scrollTop: $( $(this).attr('href') ).offset().top, 1000; return false; }); it will work just fine
JQuery compatibility problem
I created a single page personnel website using JQuery http://ramzi-bk.net84.net/ . During developement i did'nt make attention to cross platform compatibility and used only firefox to test it. Everything when fine until i try it under chrome then under IE to find out the big mistake. Under Chrome i get these error messages: > Uncaught SyntaxError: Unexpected end of input. > Uncaught SyntaxError: Unexpected token < > Uncaught TypeError: undefined is not a function external.js:49
How to separate responsibilities inside the js code?
I have the following implementation, which will render the results of a json in the screen. However, for test purposes, I had to comment the line serviceRequestListTabsController.showActive(); below. Nevertheless, another project makes use exactly of the same implementation, and need to use the showActive() function. Thus, I cannot commit this code, otherwise I will break other people's code. How can I separate it using Spring, Interface, or whatever makes it easier? Thanks. $(document).delegate('.menu
Any way to exclude hidden fields when getting width of column
Hello, Im obtaining the width of columns from a table. There are columns that contain hidden fields along with data. Is there a way that I can just get the width of the string without the hidden data? Thanx
Next Page