toogle effect in joomla 2.5
hi new on jquery, use it for the first time. Iam looking for this effect on this website. http://www.pixolith.de/team/ but i dont know, how can i use it in joomla. how is the code? ive install eorisis_jquery_system_plugin_1-1-5 in joomla extensions. looking for support. thx cheerz
jquery and responsive design
Hi, I'm busy creating a responsive website, now my problem is that when the screen/site hits 800px a php function is suppose to happen. I've asked around and apparently you need javascript to do that. I'm not sure how to go about do that. Can anyone help me? If you need more information please let me know. Thank you
problems with input
Hello friends, I'm new here ... and I do not speak English, so translating this through google ..... Let's go to the problem .... I have two inputs, input1 and input2, what I want is that both have input in its box a color value = "0". If I select input1 in case it should automatically clear the default value and I can enter my once done, select it from the box input2 to enter other information .... Once selected case input1 and delete the default value, if anything will select box input2 (before
.offset() >>> Uncaught TypeError: undefined is not a function
I am getting an an error when I try and use certain jquery functions. I presume I don't have some js file included that I actually need... but I can't tell what it is (after much googling)... My code fails when I call requiredFields[i].offset(). It finds the object and gives me the offsetLeft and offsetTop perfectly well... it just seems to be certain functions that I would expect to be available. $(function () { var requiredFields = $.find("[data-val-required]"); var page = $.find("div#page")[0];
How do I change the size of the left thumbnails in this?
website is www.tdsjr82.com I'd like the thumbnails to be the size of the borders near them, I can't figure out how to do this in CSS. Any hep
How to include two vertical sliders on same page
I am using the vertical slider by JQuery UI in Symfony, but the problem is i cant seem to get the .val() function to perform correctly, the code is as follows: <script> $(function() { $( "#slider-range-price" ).slider({ orientation: "vertical", range: true, values: [ 0, 50 ], slide: function( event, ui ) { $( "#search_price" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] ); } }); $( "#search_price"
changeMonth & changeYear in one dropdown
I have a client request to modify the calendar changeMonth & changeYear dropdowns to be one dropdown. I know this is not a great idea but I need help to implement it as it's what the client wants.
On tap hold increase the value of text box
I just want to increase value plus 1 in text box, when tap hold starts and till user leaves it. <input type="text" value = 1 id="number"> <span id = "upSpan" > Up </span> $('#upSpan').on("taphold", function () { var number = $('#number').val(); $('#number').val(parseInt(number) + 1) }); this should be repeated till he leaves. Like input type number.
How do I change the size of the thumbnails on this jquery slider?
<div class="wrap"> <div id="gallery"> <ul> <li><img src="gallery/thumb/img_1.jpg"/></li> <li><img src="gallery/thumb/img_2.jpg"/></li> </ul> <img src="gallery/img_1.jpg" alt="" id="main-img" /> </div> <div id="rectangle"></div> <div id="rectangle2"></div> </body> <footer> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/JavaScript"> // prepare the form when the DOM is ready $(document).ready(function()
jquery html call never completes
greetings i have the following code: which on submit calls a html page which has a preloader set up which shows an animated gif until the html loads. If i go directly to html page it works as expected with the animated gif and load. When i use my code below and use the submit button the html page loads the animated gif and just sits there and never loads the content of the html. Any suggestions please? Thanks 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
jQuery and forms
I need to make the value of a few forms change automatically the text at another single form, but I just can do it with one of the forms. When I do it with the others, it doesn´t work any more. How can I do to do it with all of them? This is the code that works with one form: <script> $(document).ready(function(){ var x1 = $("input[name='x1']").val(); var x2 = $("input[name='x2']").val(); var x3 = $("input[name='x3']").val(); var x4 = $("input[name='x4']").val(); $("input[name='x5']").on('keyup',
Autocomplete disappear in IE7-IE10
Hi All, I am using JQuery version 1.10.2 and JQuery UI version 1.10.3. I have autocomplete added to an input box in my page. It works fine on Chrome and Firefox, but on IE (versions ranging from 7 to 10) when I click with the mouse on the scrollbar right to the autocomplete box the box disappears and I am not able to select an item. If I use the mouse scroller though it works fine. Here is an example how I use it. I have the following CSS: <style type="text/css"> .ui-autocomplete { max-height:
Things that happen using jquery-2x and don't happen using 1.7.2
Hi all! I have a div tag fixed positioned in lower left part of the page. It works perfectry using jquery-1.7.2 and 1.8.3(also 1.6.4). But when using jquery>1.9.1.....to the "edge, it disappears. Looking in the Firebugs, it shows "element.style" and "display:none". I have never wrote inline style. I searched in css,js,html...all posible thing that could affect to this div. But I could not see why. The page is long one, so I cutted less than 10% of page and copied and pasted in fiddle. It also happens.If
adding ajaxStart to jquery
Greetings I've been trying to add ajaxStart function to my code unsuccessfully. This is what I have so far which is working. I just need to add ajaxStart to my existing jquery so that when a user clicks submit and requests a html page you can will see a loading or an animated gif while the user waits for the page to load. I've been looking at the ajaxStart documentation but I still can't get it working. Any suggestions please. Submit Query
Adding "internal links" with UI Tabs?
I am using UI Tabs ( http://jqueryui.com/tabs/ ) to organize a multi-part form, and I need to add buttons or links at the bottom of each content area to guide the user to the next tab. So basically I need another way to navigate through the tabs. For some reason, links inside the content areas do not do anything if they are going to a tab anchor on this page, or even trying to reload the same page. It adds the anchor link to the address bar but doesn't go anywhere. I have to manually refresh the
is element in list
Hello all I have next problem. I make li list when i register user, and when i try login i wont to check is this value from login input, exist in my list in some element from list. How to do that?
$ as an argument
This is an example of code from the each plugin $('.example span').repeat(1000) .each($).toggleClass('bold').wait(50); the code to run on each iteration comes after the each function. what does the $ in .each($) do? and can .function($) be used in regular jquery?
Some problem with using post in jquery
Hi, I am using 1.10.4 I am trying to login to my mediawiki api, through a jquery script. This requires me to send 2 Post requests one with the username and password and second with the token received with the first request. When I do these 2 post requests, using the Chrome REST-client extension, I receive a success result in the 2nd post response. But using the jquery script, I am unable to do this. I mean instead of a success, i receive a NeedToken on my second response, which should actually give
RSS news feed Reader for iPhone
Hi, Is there a jquery mobile plugin to read and RSS feed from a website and render on an iphone/ android device or equivalent? Thanks
Remove jquerymobile loading in wp_head of Wordpress
How to remove loading of jquery mobile when click to admin bar of Wordpress??
Parsing JSON Data From MySQL Table to Different Divs
Having a jQuery Ajax request from MySQL database I know how to render the data in an HTML element format like tables or list as below: $.ajax({ type:"POST", url:"appdata.php", success: function (newdata) { $('#result').html(newdata); } }); The PHP as: $mysqli = new mysqli('localhost', 'root', '******', '********'); $resultStr = ''; $query = 'SELECT * FROM appusers'; if ($result = $mysqli->query($query)) { if
Check box not checked inside dropdowncontrol change event in jquery
I want to check a chxkbox inside dropdownlist change event my code is like below $('#ddlrole').change(funtion() { $('#namecheckbox').attr('checked','checked'); }); my checkbox and dropdownlist is like below @Html.DropDownList("Roles", new SelectList((IEnumerable<EmployeeManagementSystem.DAO.RoleMaster>)ViewData["Roles"], "RoleId", "RoleName"), "Select Role", new { @id = "ddlrole", @class = "med m-wrap" }) @Html.CheckBox("CheckBox", new { id = "namecheckbox"}) but its not working anybody help
how to hide session value in browser in jquery
i am creating session in html web application in that in browser the session value is displaying can u hide it or encrypt or decry pt it? how to provide security for my session value?
How to export HTML table data to excel sheet
I have nearly 5000 rows in table. Is this possible in jquery or Is it any plugin available for this get or export HTML table data to excel sheet ? Is this plugin also available to work in IE browsers. Its urgent.
How do I use scrolling to trigger events?
I'm not sure if this is a jquery function, but I'm trying to figure out how to use the position of a user scrolling down a page to trigger events, e.g., launch a video or audio clip or slide in a window. The Guardian used it to great effect in their special report here: http://www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family As the user reads the story, still photos come to life as videos, audio clips play, and text fades in over graphics. It seems to be
SVG click event delegation not firing when using defs
I have come across an interesting bug (?) whereby if you embed an SVG using ‘defs’ as part of a link (an icon for example) – clicking the icon itself does not register a click event in jQuery, but clicking the text does. I think this is due to SVG events not bubbling up? If you embed the SVG directly, the link triggers regardless of whether you click the text or the icon. Interestingly, it seems to fire if you use $('.element').click(function(){ ... }) rather than $(document).on('click', '.element',
Multi IFs
Hi all, I'm very new to this, and can't figure it out how to do this, please help: What I'm trying to do is: when select grade = 3, AND class = english, AND radio checked yes, then show div. Here's the code: <p> <select name="grade" id="grade"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select> </p> <p> <select name="class" id="class"> <option>math</option> <option>history</option> <option>english</option> </select> </p> <p>
windows.resize event
Hi, How to use window.resize event (or any other event) to adjust div "width" and "height" dynamically, just to keep different divs in position? Thanks! Zia
Read from text file and display in table form
Hi All, i'm new to jquery can you please help on how to get this done based on the tab selected by the user system should load data form text or js file for example if user selects tab a should read from the txt file and load the table text file tab1 column1 : value for column1 column 2: value for column 2 Any help on this is highly appreciated
Owl Slider - Adding Hover Effect on Custom Nav Tabs on Auto Slide
I am using Owl Carousel http://owlgraphic.com/owlcarousel/ I have created custom Navigation Tabs, clicking Tab1 takes me to Slide 1, Tab 2 - Slide 2...and so on . I keep Autoplay On but how do i apply hover effect on the Tab1 when Slide 1 is "active" or Tab2 when Slide 2 is "active". For Example on autoSlide, If Slide 1 is active - the Tab 1 gets highlighted and If Slide 2 is active - Nav Tab 2 gets highlighted. Can some one help me..
Set cookies - removeClass, addClass.
Im trying to make a toggle menu side bar but i can't fix the cookies. This is the java im using: $(document).ready(function () { $("#navigationToggle").click(function () { $(this).addClass("expand"); var closed = $("#left_col_top").is(":hidden"); if (closed) $("#left_col").removeClass(); $("#left_col_top").show(); else $("#left_col").addClass("noSidebar"); $("#left_col_top").hide(); setCookie("open", closed, 365);
Insert module position using jQuery in joomla 3
I'd like to put an advertisement into every article (after the third paragrapth). The code below works well and a banner is visible after every third paragraph of every article: $(document).ready(function() { $( "div.item-page p:nth-child(3)" ).append( "<p style='text-align:center;'><a href='#'><img src='http://mydomain.com/images/banners/miejsce_na_twoja_reklame_w_artykule.gif' /></a></p>" ); }); But instead of a simple image I'd like to insert a module position. I changed the code and it
please help me
hi im use slider http://smsbazan.ir/8/example/example.html when click on image thumbs timer slider disabled please help me
Inside a functions arguments or after it
In this question I use the .each() function as an example However my question regards Jquery in general. In this example $('.example span').repeat(1000) .each($).toggleClass('bold').wait(50); the code to run on each iteration comes after the each function. However in this example $( "li" ).each(function( index ) { console.log( index + ": " + $( this ).text() ); }); the code to run on each itteration comes in the arguments for the each function. How do you know if the code to be executed for any
Is possible use div ID as name of array that already have value?
I make this function based on arrays http://jsfiddle.net/rflfn/UBy38/ I have more than 200 functions based on link ID and array values, so I need eliminate the necessity of tags 'if', and associate the div ID name with array name (array already have values, and I make array with same name of div ID), So i need call array values based on div ID name, but without 'ifs', I used deep copy to clone array to my new variable, and call array with variable, but dont work... This is what I need make: http://jsfiddle.net/rflfn/UBy38/1/
solution to jquery sluggishness in android
Good day to you all When i try my app in the browser it works fine and navigations are fast but when i test in android emulator or on a real device it slow Navigating from one page to another when buttons are clicked exhibits sluggishness, what is the solution to this? Thanks in advance and reply soon
ajax loading message in jquery dialog box
I have a scenario where a dialog box is getting opened with form data and a submit button.When I click on this submit button I need to show an overlay ajax loading image with some message saying "Please wait... Data is being updated". Once data got updated (success message from server) I need to show another overlay ajax loading image with some other message saying "Your Data has been updated sucessfuly.". In case of error response from server I need to show overlay ajax loading image with some error
where to add custom CLOSE button ?
$( "#dialog-form" ).dialog({ autoOpen: false, height: 290, width: 600, modal: true, draggable: false, resizable:false, show : 'slideDown', buttons: [{ id:"addcategory", class:"alter", text: "Create", click: function() { $(this).dialog("close"); } }, { id:"btn-cancel", text: "Cancel", click: function() { $(this).dialog("close"); } }], close: function() {
Jquery submit button progress
Greetings, Is there a way for each time I choose from a drop down menu and click submit there would be a progress bar of some sort before the chosen html loads? Thanks again. Here is the jquery section and button which is currently working: <button type="submit"> Submit Query </button> <div id="mydiv"> </div>
click on link to display text
I've seen quite a few tutorials where you'd add/remove test in a div but it was all within the same div. Could you recommend a tutorial or post a simple snippet of code that would illustrate adding removing text by clicking on a link in one div to display text in another div (in a different part of page) To be more specific, I've got a few product names listed in a sidebar. If I click on any of them, its description will be displayed in the main area of the page. Thank you
Next Page