Problem importin jQuery UI in Symfony 2
I am using Symfony 2 to develop an application and I have imported the jQuery UI in this way: <link href="{{ asset('bundles/javascript/jquery-ui-1.11.1.custom/jquery-ui.css') }}" rel="stylesheet" media="screen"> <script type="text/javascript" src="{{ asset('bundles/javascript/jquery-1.11.1.min.js') }}"></script> <script type="text/javascript" src="{{ asset('bundles/javascript/jquery-ui-1.11.1.custom/external/jquery/jquery.js') }}"></script> <script
change to $.submit()
I really think that $.submit() should work in the same way as $("body").on("submit", "id", function(e){ // do stuff }); At the moment $.submit only works when the form is present at the onload moment, but if the form is added later on with some sort of ajax or with a template system such as handlebars, the form is not available with $.submit(); Hope this makes sense as a suggestion. many thanks for listening.
How to initialize dynamically added input tag field?
I am using Bootstrap jquery input tag field plugin which works fine on page load.Each input tag element works ok as function has been initialized in document.ready function. Problem occurs when new input tag is added dynamically by appending to the code . If I try to re initialize the function it doubles every other tag input . Is there any way to initialize it again just for the newly added element ?
Why double quotes??
Question says it all :D $('a[href^=http://]').each(function( ) { var href = $(this).attr('href'); href = href.replace('http://',''); $(this).after(' (' + href + ')'); // why double quotes });
is it possible to have mobile ui for zend framework app
I want to have mobile user interface for a cloud application created using zend framework1.11. is it possible to use jquery mobile with zend framework for creating mobile ui. Also i want to change only the switching of layout when open in mobile device and when open in web browser.other codes and url are similar. is this possible
Dynamically create listview using javascript
I want to use the mobile listview like this: < ul data-role = "listview" data-inset = "true" > < li >< a href = "#" > < img src = "../_assets/img/album-bb.jpg" > < h2 >Broken Bells</ h2 > < p >Broken Bells</ p ></ a > </ li > < li >< a href = "#" > < img src = "../_assets/img/album-hc.jpg" > < h2 >Warning</ h2 > < p >Hot Chip</ p ></ a > </ li > < li >< a href = "#" > < img src = "../_assets/img/album-p.jpg" > < h2 >Wolfgang
Extendig the hight of two elements from an accordion?
I´ve got a dropdown function for a list of customers, on click on a logo, the hidden content slides down to show additional content. Now I have an accordeon in my hidden content and when I open the accordeon, the content below scrolls out of the div and you cant read it. Is it possible, to change the height or maybe padding-bottom of the active / shown divs "group" and "wrapper_hidden_content" on click of a accordeon element? JSfiddle http://jsfiddle.net/v5m4wyoo/5/
Running a basic animation within PHP
Hello. I am trying to run a simple animation with the following code but having no luck, can someone help please? IN THE <head> PART: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script> $(document).ready(function(){ $('#glynns_animate').animate({ left:'350px', opacity:'0.1', width:'600px', height:'15px', fontSize:'2em' }); }); </script> IN THE <body> PART: <div id="glynns_animate">THIS WEBSITE IS CURRENTLY
Class firing Improperly on drag
I have a bit of code that I've been working on for a while now and I feel like I'm getting closer, but I'm having an issue when I drag elements from one column to another. The way it works is I have a left and right column. When you drop an item from the left to the right it's supposed to fire an animated class. When I drag my item on the left to the right the image I want is showing up, but when I let go of the mouse button it goes away and animates the original button from the left. What I'm looking
jQuery run other javascript... remakerting code
Hi, i have code generate bij google adwords.. remarketing code.. what i wanna do.. let's say a button is clicked .. then the code should run .. not before it.. so how can jQuery run other javascript ? var codetorun= " <script type="text/javascript"> /* <![CDATA[ */ var google_conversion_id = xxxxxx; var google_custom_params = window.google_tag_params; var google_remarketing_only = true; /* ]]> */ </script> <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"> </script>
Fancybox (iframe) is unscrallable by update()
Hello Forum, i have a problem and i hope someone can help me. $(".fBox").fancybox({ // Default fancybox-iframe hideOnContentClick : true, fitToView : false, padding : 2, maxHeight: '80%', beforeShow : function(){ this.width = $('.fancybox-iframe').contents().find('body').width(); this.height = $('.fancybox-iframe').contents().find('body').height(); }, onUpdate : function(){ $.fancybox.update(); } // make it unscrallable and jump always to top });Ähm yes, that is my code, and work all fine but is
jQuery .each Question. Need clarification. Please let me know.
Hello Friends, I went through the learning material on jQuery Site. http://learn.jquery.com/using-jquery-core/iterating/. Here we have an nice example on iteration as pasted below. $( "input" ).each( function( i, el ) { var elem = $( el ); elem.val( elem.val() + "%" ); }); If we see, $("input") is a jQuery object and if we are doing .each on it , each element returned will be a jQuery object , i mean el here. Then why do we wrap it again with $() to make it jQuery object. ThanksKamruddin
Documentation demo link doesn't work
I'm not sure where to post this, but the "Run" button in the demo at the bottom doesn't work: http://api.jquery.com/jquery.getscript/ According to the console error, the JS file that is being loaded has the wrong mime type (being plain/text) and strict mime checking is enabled.
ParseInt return 0 (zero)
Hello, I wrote a code that gets the height of all divs of a certain class and do a scan, and depending on the result it removes one of the classes that div . But after I get the height of the div , when I use parseInt it always returns 0 . $(".faq-wrapper").click(function(){ $(".accordion-text").each(function(index, value){ var h = $(this).css("height") var h1 = h.split("px") var h2 = h1[0] var h3 = parseInt(h2,10) alert(h3)
problem with altering css wtih background-image
hi i'm developping an application mobile and i find a problem but i have no idea about how to fix it. i use a webservice to get one picture in base64 if the webservice answer sending nothing i put a default picture. it's work fine on ie, but when i m using safari on the navigator it doesn t work any idea about how to solve it Thanks for any help (sry if i did a 2x post couldn t edit first) Copy code $("#ImageSrc").attr('src',GetLocalProfilePhoto()); //this working $('#ImageSrc').width(90); //this
JQ stars!
<script type="text/javascript"> var colour="#FFFFFF"; var sparkles=120; var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array(); var starx=new Array(); var stary=new Array(); var tinyx=new Array(); var tinyy=new Array(); var tinyv=new Array(); window.onload=function() { if (document.getElementById) { var i, rats, rlef, rdow; for (var i=0; i<sparkles; i++) { var rats=createDiv(3, 3); rats.style.visibility="hidden";
how can I make open-close menu?
hi I want to make open-close menu with jquery. like ( http://www.mondialmotor.com.tr/ ). I can open menü but I cant close it. my codes are: $("div#banner").not(":first").hide(); $("ul.tab li").click(function(){ var index=$(this).index(); $("div#banner").hide(); $("div#banner").eq(index).slideToggle(1000); }); thanks.
Problem in adding the fadeIn() method to a slideshow
Hi everybody, this is my first post. I'm a noob :) I've made a simple slideshow from scratch, and it works perfectly with no fade effects... But how can I add the fadeIn() method? Where do I have to put it to make it work? I have tried many ways with no result... I've made an html with just one div, to test this. This is the working script with no fade effects: $(document).ready(function() { setInterval(function() { $('div img:last-child') .prependTo('div'); }, 3000); }); The images are absolutely
How to customize slider on my webpage?
Hey! New at jQuery and need some help. Have some nice sliders on my web page, but have two problems. 1) The sliders are all showing this value of $ 75-500, but I want my sliders to show different values - how can I do that? 2) The text field have a white backgrountd witch I want to remove -how? Here is my source code: <!DOCTYPE html> <html> <head> {% block extra-head %}{% endblock %} <link rel="stylesheet" href="{{ media_url }}css/style.css" /> <title>{% block title %}{% endblock %}</title> {% include
toggle?
I'm trying to use toggle but when i go live the "div" I'm using to toggle fades out i think the code is correct what could be causing this. thanks <script> $(document).ready(function() { $('.answer').hide(); $('.main h2').toggle( function(){ $(this).next('.answer').fadeIn(); $(this).addClass('close'); }, function() { $(this).next('.answer').fadeOut(); $(this).removeClass('close'); } );//end of toggle() }); // end ready </script>
generating tree using acitree...
Dear all Following is my db table student_id student_code student_parent_id student_name 1 11 0 a 2 111 1 b 3 1111 2 c 4 11111 3 d I want to generate following op as a tree view using aciTree
A Media Player which can change the playback direction, with the flick of a button??
Hello :) This is my first post here. Greetings. Please forgive my complete lack of grounding in this subject. But at least, hopefully, this is the right forum to post in! Basically I'm having a website designed which needs a media player to play a 4min song. I've heard some good things about JPlayer... I like the fact its open source and free and says it can do flash and html 5. And that's what led me here, to a Jquery forum, to start my investigation! Because, you see, there's something very specific
Want to open a new page at the end of an animation
I still haven't been able to figure this out through the jQuery directory, but I suspect the answer isn't that difficult; I have a picture that links to a new page in my html. When the user clicks the image, I want a black box to wipe across the image, then load a new page. I can do one or the other, but I don't know how to do both. Here is my code as it is currently written: <style> .wipe2right { background-color: #111; position: absolute; top: 0px; width: 228px; height: 158px; right: 0px;
Slideshow Works with Firefox, Safari and Chrome but not IE
I have a slideshow that works on other browsers. However, it does not rotate between the images in IE. The code is below. Any suggestions or tips will be greatly appreciated. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Slideshow</title><style>#slideshow{height:360px; width:776px; float:left}#slides{height:324px;
Understanding a simple function .
Given that "getRandomInt " is a function that generates a random number , what is happening on line 4 ? function rq() { var a = getRandomInt(0, 100), b = getRandomInt(0, 100), operator = "+-*" [getRandomInt(0, 3)], // whats happening on this line ?? answer = operator === "+" ? a + b : operator === "-" ? a - b : operator === "*" ? a * b:0; return ["what is " + a + operator + b, answer] }
How to make "val()" work in html form?
I have an online order form which works great! the only thing thats wrong is that i cant seem to find a way to send the input data from the text fields with Naam:, Adres: etc. (which is at the bottom of the code) i found out that i could use this code : $("#txt_name").val(); but it does not work properly. And i don't really know in which function i have to pace de code. Can someone help me? i'm not very experienced with jquery. <html> <head> <script src="http://code.jquery.com/jquery-1.11.1.js"></script>
So I have 6 imgs. When a user's mouse is over one of them I want to change the top
When the user's mouse is off the image I want to return the image to its original position, If the user clicks an img I want to change its top position permanently (so long as the user is on the page). Please how would I do this?
javascript datepicker run function with onselect code
Hi, datepicker selected new date and how do I run onselect:"myFFunction" Thanks all sample file = https://yadi.sk/d/NxMDKy05aVxD3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>TÜRKÇE_datepicker example || JsDatePick Javascript</title> <link rel="stylesheet" type="text/css" media="all"
Need Help with Mousefollow
Hey Guys! How can I do, that my Mouse move in the Eyes? The Eyes are here; Click and here with the Movefunction. But the Pupils should be in the Eyes, not in the Hover! Thanks!
How to fix Apache server error for jquery-1.11.1.js
We are getting an Apache server error shown below when I try to use jquery-1.11.js in my python javascript program. When I use the following line, I get a Internal Servor Error message in the Google Chrome Browser Inspect Element window. print '<script type="text/javascript" src="https://eecsappsrv.mit.edu/cgi-bin-secure/lib/jquery-1.11.1.js"></script>' However, when I use instead the following line, everything works okay. print '<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>'
how to append serial number to append fuction
$.ajax({ type: "GET", url: "<?php echo base_url(); ?>bill/product_details", data: {'product_id':product_id,'price':price}, complete: function(json){ re=json.responseText; //alert(re); var obj = jQuery.parseJSON(re); //alert(obj[0].product_id+","+obj[0].price); //var sl=0; //var tmp=JSON.parse(re); $('#main_pro').append('<tr class="trt" id="'+obj[0].product_id+"_"+obj[0].price+'" ><td class="sl">'+cnt+'</td><td class="name">'+obj[0].brand_name+obj[0].category_name+'</td><td><input
Problem with appending serial number
when i remove a row from appended the sl.no seen like 1 2 4 5 3 is removed
How many ways jquery links can be updated
Hi everyone.. I've been asked this question in an interview but as i'm new-bee to programming platform so i could able to answer it . So, i'm requesting for your help. How many ways Jquery library can be updated on our own site. Is there any jquery methods to accomplish this requirement. I've been heard about CDN links, apart from that. Is any other ways possible ? thanks in advance..
becoming a JS/Jquery Developer
Hey Guys my name is gautam . I have been in web development for like 6 months now , i actually wanna be a developer . basically i would like something thats more in pure javascript , maybe a small application , a small pluggin , i don' know what would be best . well i am sure people around here have alot of experience and maybe you'll could guide me the right way . would working on open-source , really help me build a skill ? could you'll suggest a simple open source project , that i could work
Table sorting with multiple <tr> per row of data
I'm evaluating jQuery to see if I can make it do the following. I want to sort rows in a table. But I have two <tr> tags per row of data. I've id'd the '1st' <tr> and the '2nd' <tr> for each row of data. Then I'd like the sort to occur only on the '1st' <tr>. Then each corresponding '2nd' <tr> must be displayed after its '1st' <tr>. The sort would be limited to columns defined in the '1st' <tr>. Have I made this too complicated? I did it this way following a tutorial (http://www.beginnersguidetohtml.com/guides/html/tables/complex-tables)
Not printing the required output??
Hi Here is the code : <html> <script> var el = document.getElementById("c"); function captureOnClickA(e){ el.innerHTML += "DIV event capture<br>"; } function captureOnClickB(e){ el.innerHTML += "A event capture<br>"; } function bubblingOnClickA(e){ el.innerHTML += "DIV event bubbling<br>"; } function bubblingOnClickB(e){ el.innerHTML += "A event bubbling<br>"; } document.getElementById("a").addEventListener("click",captureOnClickA, true); document.getElementById("b").addEventListener("click",captureOnClickB,
jquery ajax requires second click before form data is inserted into database through php file?
When i click the button to post the form data to the php file where it is validated and if it passes validation will then put it in the database, it does the validation ok and gives the errors if there are any on the first click but if there are no errors it does nothing and requires a second click to then put the data into the database? I have tried both document.ready, #item.click and even put the #item.click inside a document.ready function none of which solved the issue. Below is the jquery that
how to avoid looping of the slide and i like to have a left and right arrow to my slides
/* pg-content-slider ====================*/ jQuery(document).ready(function(){ "use strict"; //Set Screen Height var $pgFullBg = $(".pg-content-slider"); var $windowHeight = $(window).height() /*- $(".pg-header").height()*/; $pgFullBg.css("height", $windowHeight); $('.pg-content-slider-content').owlCarousel({ navigation : false, singleItem:true, transitionStyle : "fadeUp", autoPlay: true, stopOn:-1 }); //Down Arrow Bounce Function function arrowbounce(){ var $downArrow = $(".pg-content-slider-arrow");
How do I mark my post as solved?
that's all
Clicking a different link
Hello I have a dotnetnuke site which we have recently upgraded to the latest version. I am trying to fix all the problems that have come about due to the upgrade. Unfortunately I know nothing of jquery. I hope someone can help point me at a solution. There is a login link at the top of the page with the following - it has a returnurl within it. <a id="dnn_dnnLOGIN_loginLink" title="Log In" class="OtherLinks" href="http://staging.thinkingclassroom.co.uk.dnnmax.com/MembersResources/MembershipInformation/Login/tabid/370/Default.aspx?returnurl=/ThinkingClassroom/ThinkingSkills.aspx">Log
Next Page