load inside a textarea it the content of a text file
I have a textarea and I want to load inside it the content of a text file. Can someone advise how to do it? Thx I. Sher
How to Toggle Two Functions in jQuery
Can you please take a look at this demo and let ma know how I can call/toggle two functions from outside of the toggle() function printConsole() { console.log("This is From Function A"); } function printAlert() { alert("This is From Function B"); } $("#toggler").toggle( printConsole(); printAlert(); ); <button id="toggler">Toggle Fnctions</button>
adding script into specific element
hi, i want to know how do i merge different script into one that i can upload into file and put it in <head> section so i want to add this scriot into <div id = 'title-post'> //< div id = 'title-post' > var timestamp = "<data:post.dateHeader/>"; if (timestamp != "") { var timesplit = timestamp.split(","); var date_dayname = timesplit[0]; var date_daymonyear = timesplit[1] } this into < div class = 'n-ofday' > //< div class = 'n-ofday' > document.write(date_dayname); for < div class =
How to conbine my location with other markesr
Hello guys, I'm trying to create a map page that will display my current location along with other markers, but I'm having some trouble creating it. More specisicly more specifically when I use the code aw it is The map doesn't load but when I remove the code that I have painted in blue then the map load normaly with the markers only.Here is the code that I'm using: var cityList = [ ['Il Posto', 37.6726818, 21.4383551, 1, 'img/grey.png'],
Need help adjusting JS code to make content work after it's been dynamically loaded using AJAX
I'm having an issue where, after dynamically attempting to load content in through AJAX, the content isn't responsive to the JS code that it used to be. Here's a jsfiddle of this navigation bar working *before* trying to dynamically loading it using AJAX... http://jsfiddle.net/neowot/m107L4mh/ (ignore that it's offset, lol) But now it's just nonresponsive. I asked for similar help before and attempted to add proper event handlers, but clearly I'm still struggling. Please help if you can. I'll try
html tag's disabled attr not working on ios
$('.target').attr('disabled', 'disabled'), in my case, I want to disable a button by set it's disabled attribute as above sample code. it's works normally on PC(ie, and chrome), also works on android phone default browser. but, it's not works on ios phone. Is there anyone who ever encounter such issue?
IE11 jquery not working
Hi I am working on this issue where my website working fine with all the browser and but on the some of the jquery related staff not working on IE 10 & IE11. I would appreciate if some one could point to the right direction for a fix.
IE 11 Issue with Jquery 1.7.1 while migrating
Hi All, We are using Jquery 1.7.1 with IE 8 for a long time. We planned migrate to IE11. But we are getting the below error when we run our application. File: jquery-1.7.1.js Line No:1437 Code: delete div.test; Error: Object doesn't support this property or method I dont know how to resolve this issue.I tried with IE Enterprise mode but that also doesnot solve the problem. Can someone help me with this issue
body doesn't expand till the bottom of screen
This is my site www.perfect-rehitim.co.il Suddenly I saw that body doesn't expand till the bottom of screen. There is a gap bellow the footer. What causes that and how to fix it? Is there a jQuery code to find out? Thx I. Sher
Position the tooltip
Here is my code that implements tooltips in my website: var changeTooltipPosition = function(event) { var tooltipX = event.pageX - 8; var tooltipY = event.pageY + 8; jQuery('div.tooltip').css({top: tooltipY, left: tooltipX,'z-index': '120000'}); }; This works fine and displays the tooltip as a popup window bellow and to the right of the cursor while hoovering the button. I'd like to modify the code so that the tooltip will appear just above the cursor(and the button, no change to the x dimension).
Number of jquery errors
Hi all, Been building a wordpress website using alot of jQuery and parts aren't working, I have tried to diagnose but had no success. I get the following errors; Can anyone else?
Going Crazy - Trying to populate Multi-Select with JSON from Ajax
I'm completely stumped. If I use returned data from a JQ object, my multi-select will not select the current options: SO THIS DOES NOT WORK: $("#truck_type").val(data.truck_type); If I hard code, it works and it's exactly the same as the value of data.truck_type $("#truck_type").val(["Tandem","Van Trailer"]); Anyone have any idea?
Help; .map to call array and .replace issue (auto tag text to url)
The title says it, i got an issue here while im using map of array to replace text to url. 1. The First question is, if the array has same text one of them have a space, e.g. <head> <script> $(document).ready(function () { var p = $("div .post-body"); var arr = ["Bandai Entertainment", "Bandai", "etc... up to 50 or more maybe]; $.map(arr, function (e) { return p.html(p.html().replace(e, '<a href="/search/?q='+e+'">'+e+'</a>')) }); }); </script></head>
Click botton no response
Hello. I would like to figure out what im doing wrong as i do not get any results when click the button: My script: ************************************************ HTML: <button> procurar</button> <div id="data"></div> ************************************************ JAVASCRIPT $(document).ready(function(){ var url="https://api.instagram.com/v1/tags/trail/media/recent?access_token=2111826929.467ede5.8a3ee686a532449995fc05a8c0b06365&callback=?"; $("button").click(function(){
Create html tag
Hi, I need your helphow to dynamically create an anchor/href in jquery. I use a jquery dialog and I would like to create an anchor when I click on button. Thanks in advance. Tegatti
How to use: beforeunload but NOT for button: id="btnSave" and..
really work fine: $(window).bind('beforeunload', function() { return 'Really want leave the page?' ; }); but i have a button with id btnSave when user press this button i want not display the message 'Really want leave the page?' And how to Personalize the messages(translate to Spanish) thanks
jQuery fade between images.
I'm a student learning javascript and jQuery. I have a javascript gallery that is fully functional, but am required to put a jQuery fade inbetween the images as they flick through. I can not figure out how to select my javascript images through jquery. Any help would be appreciated. this is my java script var images = $([]); var x = $(0); //reference to pictures, that i want to show and giving them an order number images[0] = "images/1.jpg"; images[1] = "images/2.jpg"; images[2] = "images/3.jpg";
jquery to add tr & td to table is not working.
Hello, I'm trying to add tr & td elements to my table which isn't working. am I missing something here ? Thank you. <table id="my_tbl"> <tr id="row1"> <td id="chart0"></td> <td id="chart1"></td> </tr> <tr> <td id="chart2"></td> <td id="chart3"></td> </tr> </table> $('#my_tbl tr:last').after('<tr><td> </td><td> </td></tr>');
What does ' + next + ' do??
I have come across the following functions that use the scrollTo plugin to move to a random image but don't understand the part of the line: .scrollTo('#pic_scroller>img:eq(' + next + ')', {duration: 1000}); that I have highlighted. - the ' + next + ' part. The full function is below. Can do a full jsfiddle if really necessary but hoping someone will know what the parameter is doing without needing to do that. $(document).ready(function(){ $('#pic_container').click(function(){ var numberOfPics
Ayuda con "consulta" SQL en buscador con JQUERY, AJAX Y PHP
Buenas queridos jqueryqueros. Les comento que tengo un input buscador, que consulta los datos de una Base de Datos y este usa Ajax. Todo funciona bien para aquellos que tienen permiso como "Administrador". Mi problema reside en reutilizar el código .js y hacer otra consulta para los que tienen permiso de usuario "Gerente". Aquí envío el código completo que funciona bien para Administrador: Marqué con texto azúl las partes que creo que habría que modificar redactar.php: -En esta página está el formulario
ajax() data, can only pass parameters as string
function db_query(id) { $.ajax({ type: "GET", url: "db_handler.php", data: { row_id:id, foo: "bar" }, dataType: "html", success: function(response){ // ... } }); } Hey guys, what am I doing wrong here? In my php script I receive the variables passed as strings, but I'm unable to read them when they are passed as variables. $_GET output: Array
(
[foo] => bar
)
Bubbling issue - Need Help
Hi I have below HTML Markup, <ul class="list-unstyled" style="float:right;"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"><strong class="caret"></strong> Report</a> <ul class="dropdown-menu" style="position:relative;"> <li> <a href="#" id="mis" class="cl-mis" target="_self">Miscategorized</a>
Using JQuery in Windows 8.1 Desktop App
I need to help about CSS problem in Windows 8.1 Desktop App with JQuery Mobile... I test the application in all platforms android, ios and windows phone8 everything is okey. However when I test it on Windows 8.1 OS desktop some pages css crashes or not render properly. So, what can be problem or what I need to use for the desktop application. I am new on this platform so I was confused. If someone developed before JQuery and Windows 8.1 Desktopl App. plase write me what is the problem or what is
Autoselect dropdown with jquery
I'm trying to autoselect the USA option in the selector on this page - http://www.thexbrace.com/pages/sizing However, I'm unable to pass the trigger on to the second dropdown menu. How can this be accomplished?
Div over another div
Is there a solution: if a fixed Div comes over another div, for example, that the fixed Div I give a different color.
Add background color to ul li
hello i have a ul <ul> <li><a class="facebook" href="javascript:void(0);"><i class="fa fa-facebook"></i></a></li> <li><a class="twitter" href="javascript:void(0);"><i class="fa fa-twitter"></i></a></li> <li><a class="linkedin" href="javascript:void(0);"><i class="fa fa-linkedin"></i></a></li> <li><a class="googleplus" href="javascript:void(0);"><i class="fa fa-google-plus"></i></a></li> <li><a class="pinterest" href="javascript:void(0);"><i class="fa fa-pinterest-p"></i></a></li>
Facing problem with jQuery AJAX
JSPPage_1: <form id="myForm"> <select id="sub" name="sub"> <option val="1">1</option> <option val="2">2</option> <option val="3">3</option> </select> <select id="month" name="month"> <option val="JAN">JAN</option> <option val="FEB">FEB</option> <option val="MAR">MAR</option> </select> <input type="button" type="submit" id="go"/> </form> <script type="text/javascript"> $(document).ready(function(){
Match all elements between 2 other specific elements
Hey guy, as title says..how can achieve this? For example, in the code below, when the last column of each row is clicked, I want to operate on every element with that class (column) but only those on the same row <div class="row" id="959666844"> <div class="column">Lorem Ipsum</div> <div class="column">Simply dummy text</div> <div class="column">Lorem Ipsum</div> <div class="column">Lorem Ipsum</div> <div class="column">Simply dummy text</div> <div class="column">Click me</div>
How to get val from selection?
I have a selection element: <select id="selvisatype" title="Please select a visa type"> <option value="pleaseselect">Please Select</option> <option value="notapplicable">Not Applicable</option> <option value="a1">A-1</option> <option value="a2">A-2</option> <option value="b1">B-1</option> . . . </select> I want to retrieve the value the user has selected (or "Please Select" if they've
How to update a number input with changed values of other number inputs based on their class?
I have several input type="number" elements which, when they change, should update a "total" element of the same type. I gave all the input elements which should contribute to the total the class "payments" like so: <input class="payments" type="number" step="0.01" min="0" id="airfare" /> . . . <input type="number" step="0.01" min="0" id="paymenttotal" /> ...and then thought I could respond to a change in any element with this class like so: 'change .payments' : function(event){ var
How to get element from php array in jquery
HI, I have a js script that checks the datas inserted in a form. I have a PHP array containing some error message : This array is available for different languages : en, it, fr. When a user fills a field with a wrong value, I should be able to send en_lang : <?php $myArray = array( 'wrong_password' => 'Wrong password' 'wrong_phone_number ' => 'This is not a phone number' } it_lang : <?php $myArray = array( 'wrong_password' => 'Password sbagliata' 'wrong_phone_number ' => 'Numero di
button into a column on a HTML Table problem
hi i am working on create a HTML table with some columns, in 1 column i have a button(1 button for each row) with the class="verDetalle" in this thread: https://forum.jquery.com/topic/not-execute-a-click-event#14737000006421925 i have solved part of my problem (detect the click event). $(document).on('click', '.verDetalle', function () { console.log($(this).text()); alert(this.rowIndex); var widsala = $("#xcombsalas option:selected").val(); var $wRenglon = $(this).closest("tr"); var
combine spriterollover.js with spritesequencer.js question?
hi all - i am trying to workout how to combine the two methods of animating a sprite sheet using two different scripts... here is what i would like to do: on rollover to the sprite it plays and reverses when rolled out... but i also want the same spritesheet to animate when a button/link is rolled over too... the attached scripts do both these things - but not as a combined thing - one will play and reverse on rollover of the sprite - but nothing when you try it with the button/link. and vice versa
problem w/ getting max heigth of child elements (esp. p-tags)
Hello, we have a parent div-container and we would like to detect the maximum height of 3 p tags (see linked jsfiddle). We used the following comment to get the bottom of each children element in the div container: $(window).scrollTop() + offsetTop + element.outerHeight( true ); If you make the windows smaller, you will get a wrong maximum height of the p-tags. If you look up for the values in the Firebug they will be different. (Were using jQuery 1.9.1 .). http://jsfiddle.net/9dchr44z/17/
create an image dynamically with an event handler
I'm trying to have my jquery/javascript code do the following: 1. create an image, 2. add it to a div, 3. add an ONCLICK event handler, and 4 do it again multiple times, at different positions in the div. The images are actually red dots, and I'm trying to mark various vertical spots in the webpage as worthy of emphasis, using these red dots. So to do this I assume the position of the images have to be 'absolute' and that I can find where they should go knowing where the outer div is - in other
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>
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
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(); });
Next Page