Show/hide an input hidden.
Hi everybody, please can someone help me how to show an input hidden? Thanks in advance. Tegatti
Hiding a div element in an iframe!
I'm opening several pages on my website in an iframe full-screen overlay. Those pages can also be accessed directly on my site. These pages have a div that contains navigation. If a page is loaded in an iframe, I do not need the navigation so I'd like to hide he visibility of that div that has navigation. So, pages appear as normal if accessed directly but if opened in an iframe their navigation is hidden. Thanks in advance to all the geniuses here.
How to avoid duplicate in form text fileds before submition
What I have done is this, but it didn't work. <!DOCTYPE html> <html lang="en"> <head> <script src="jquery-1.8.2.min.js" type="text/javascript" ></script> <form action="save.php" method="post"> <table> <tr> <td class='text-right'><input type='text' class='input-xlarge' name='model[]' id='model' value='' placeholder='Model'></td> <td class='text-right'><input type='text' class='input-xlarge' name='engine_number[]' id='engine_number' value='' placeholder='Engine No'></td> </tr>
Function is not called both in Chrome and IE10
[index.php] <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>2014 Study</title> <script src="scripts/jquery-1.6.2.min.js"></script> <script src="scripts /tscript12.js"></script> </style> </head> <body> </body> </html> [tscrip12.js] $(document).ready(function(){ alert1(); function alert1(){ alert("alert1"); } });
Sometimes ajax request sits ideally
I am using jquery-2.0.3.min.js version. Occasionally a my ajax request sits Ideally without the success function or the error-handler being called to let it know that it can continue, it just sits there waiting. And here is my ajax request. Any solution for it? $(function () { $.ajax({ url: "/Tag/GetPrimaryTags", datatype: "json", success: function (result) { data = JSON.parse(result);
Posting a List to WebAPI from jQuery
I am able to post a single Customer object to a WebAPI Method --jquery //Making complex type object var customer = { CustomerID: "ARPOO", CompanyName: 'Google', ContactName: 'aditi rajaraman', ContactTitle: 'SVP', Address: '42 Ravenswood Ct', City: 'Edison', Region: 'NC' }; //Convert javascript object to JSON
$.browser
Removing the $.browser feature may not have been a very good move (and does it really save a lot on file size?). I fully realize that for many things "feature detection" is better but there are still rare instances where you really do need to find out what the browser is. This is illustrated by the topic I raised on Stack Overflow about Firefox sometimes adding in unwanted BR tags. Because of that bug I now have to use $.browser to supply scripting for only Firefox. As far as I know there is no way
ajaxsubmit to another domain
XMLHttpRequest cannot load http://mrm-imerex.gotdns.org:1204/MerexCargo.svc/trackcargo/183430/SaudiArabia?location=SA&hawbno=183430&securitycode=f5010. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access. localhost/:1 how to resolve this issue. pls help
datepicer: how to set date from textbox as current date?
Hi, i have a asp.net project in vb and i want that the selected date in datepicker is the date from a textbox in a detailsview control when the mode changed to edit. i am very new to jquery so any detailed help would be appreciated :) this is my code so far [code] <link href="../Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /> <!--<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="Stylesheet" type="text/css" />-->
Formatting Video Time and Duration
I'm wondering if anyone can help convert the following to display in HH:MM:SS setInterval(function(){ $('#currentTime').html($('.item').find('video').get(0).currentTime); $('#totalTime').html($('.item').find('video').get(0).duration); },500)Its been driving me nuts for about 2 hours now and I'm not finding much on google that helps =(
$.ajax is not working.
Hi, I have a function that is calling $.ajax(), but when debugging when it reach $.ajax, it jumped out, these pictures show what I meant : it jumped from line 239 to line 251. any help will be appreciated. Thanks
AngularJS height of tabs when visible before being tabs
I have got a very strange problem. I am new to angularjs but quite familiar with jquery. I do program a frontend in ANgularjs, which is planned to be a singlepageApp, never to be reloaded. I think the problem is located in Jquery or even in html itself. The UI-Core of the page is angularui's 'Tabs'. which means these Tabs are always visible in the same size. I only want one div to get scrollbars, which is div.tab-pane. This is important for the <ul> and the <li> elemets to be always there to navigate.
Something wrong with my ajax return false
Hi, I'm beginner in Javascript and Ajax. In this code below I have two validations in my form. The first part checks via ajax if the entered data already exist in the database. If not exist then everything is ok and return is true and script execute to the end (third part). But if return is false I've got this alert as I want, but I want to stop script right there. I don't want to execute script to the end (third part). Second part of form validation works fine. Please, help, where am I doing mistake?
Permission denied to access property 'type' in Firefox with jQuery
Hi everyone, I have been logging the most frequent Javascript errors on Freeciv-web using Track:js and have discovered that the most frequently occuring error on Freeciv-web is the following Javascript error: File: https://play.freeciv.org/javascript/jquery.min.js : 3 | 2856 Error: Permission denied to access property 'type' The error only occurs on Firefox, not any other browser. The error occurs initially on the first page load when starting a new game (url is /webclient ). Stack Trace/ Error
Problem with get count comments for multiple comments page
Hello again. Now, i have a problem with the "comments count" in the toggle link in my blog: albertosotophotography. I have this script for show/hide comments in main page: <script type= "text/javascript"> // Show/Hide Comments jQuery(document).ready(function() { // Get #comments div var uniqueAppend = 1; var tempName = 'comments'; while(jQuery("#comments").length > 0 ){ jQuery("#comments").attr('id',tempName + uniqueAppend++).addClass('commentContainer') } var commentsDiv = jQuery('.commentContainer');
Populate multiple select options with Json
What i want to achieve I have got one static select html options, these options do not change but will determine what the other select boxes output. <select id="firstselectbox"> <option value="first">This is the first</option> <option value="second">This is the second</option> <option value="third">This is the third</option> <option value="fourth">This is the fourth</option> <option value="fifth">This is the fifth</option> </select> Currently, the code i have written doesnt want to output the following:
Why duplicates in ModelBranch div on results?
Hi every, I've this code and I'm having some issues. If you take a closer look to it you'll see what I'm trying to do is just create non repeated Model-Branch pairs and put the result in div#ModelBranch but something is wrong in my logic since I get repeated results on the div and I can't get where my error is, so any help on this first doubt? Now as a second doubt and related to the same code, I need an additional feature and again does not know how to achieve so need some push or help from people
input file
how to take values in the input file and added to the input text
fakepath chrome problem
I have a problem in the fake path <input type="file" name="datafile" id="datafile" /> document.getElementById("datafile").addEventListener("change", function() { console.log("change", document.getElementById("datafile").files[0]) var reader = new FileReader(); reader.readAsDataURL(document.getElementById("datafile").files[0]); });
i need to load the json dynamically without knowing the fields name..
i need to load the json dynamically without knowing the fields name.. how can i do it? as well: i could get the fields name from the server.. but than how to make the call so instead of j[ind].ID i will call var fieldName = j[ind][0].key, fieldVal = j[ind][0].val; or ver val = j[ind]["theKay"]
Comments toggle button open multiple comment sections
Hello all! I have this script for show/hide comments in the "main" page of my blog: albertosotophotography <script type= "text/javascript"> // Show/Hide Comments jQuery(document).ready(function() { // Get #comments div var uniqueAppend = 1; var tempName = 'comments'; while(jQuery("#comments").length > 0 ){ jQuery("#comments").attr('id',tempName + uniqueAppend++).addClass('commentContainer') } var commentsDiv = jQuery('.commentContainer'); // Only do this work if that div isn't empty if (commentsDiv.length)
Wondering bout this functionality.
Ok, essentially what I'd like to do is this. I want to take data that, at some point will be "aggregate" data in an XML file (think a score in baseball. You score 1 run in the first inning, and 1 run in the 3rd, you now have two runs). I'm working on a play-by-play system, just for fun, but I just want to get the LATEST score from the XML, along with ALL relevant plays up to that point. So if a baseball game is in the 5th inning, And Team A has 4, Team B has 3, I ONLY want to get the score total,
Extra parentheses in the syntax for a Panel
Hi, I'm currently making my way through a jQuery text book and unfamiliar with some of the code. Specifically, I'm seeking to understand why $panel is assigned $($link.attr('href')) instead of just $link.attr('href'). What is the $()for? Also, when I log the value in the Firefox Console, it holds the value as div#tab-1.tab-panel.active when I only expected #tab-1. Thanks. HTML: <ul class="tab-list"> <li class="active"><a class="tab-control" href="#tab-1"><h3>Desc</h3></a></li> .....
Modify simple photo slider
I have been trying to modify a photo slider so that the arrows that move the images are situated outside the slider div http://imgur.com/89pByIa rather than superimposed on the left and right edges of the images as they currently are. I tried placing the arrows into a separate “direction” div but once I moved them outside the slider div and changed the JS accordingly they did not work. Here is what I currently have http://jsfiddle.net/03jhpbyo/5/ Any clues would as usual be greatly appreciated, thanks
Jquery animation in Firefox only displayed after window resize
(I hope it is ok to post the whole page..) Ok I deleted the website url in this post. Here is my code more simple: JSFiddle The problem only appears in Firefox (Firefox 33.0.1, OS X Yosemite 10.10), Google Chrome and Safari are working fine! So if you click on the navigation icon in the top right corner, you can see in Firebug that the animation is executed and the div (#navWrapper) is animated from -70px to 0px. But it is not displayed in Firefox. Only if you resize the browser. I really don't understand
Previous handlers are not called - why?
Here's my JS fiddle where I tried to add my own handler in already existing chain. It's called but forgets totally about the ones that were defined earlier. I need to call these predecessors no matter whether they're defined in a static HTML or by DOM manipulation. How can I do this?
How do I prevent caching?
I have a web page I'm working on that works ok on pc's but takes forever to load on mobile devices. Is there a javascript command I can add that would make it so the only files cached were the individual files I click on? Now that I'm writing this I'm thinking maybe I need to use PHP.
Change style on change of 'left' value
I am working on slider where an image moved with 'left' value by the difference of 1170px. Where i want opacity 1 on main image and the opacity of others will be low. My html is the following: <div style="width: 1170px;"> <ul style="width: 4680px; height: 450px; left: -1170px;" class="imageList"> <li height="450px" width="1170px" class="image"> <img width="1170px" height="450px" title="" alt="" src="http://ecx.images-amazon.com/images/I/52Ra33zPxhL.jpg"> </li>
Drag-n-drop
Hi, I am using a drag-n-drop method for file upload and insert into database. The images are uploading successfully and also insert into database. But when I add an input field to that form , the input field is not sending the data. The column st_name in the database table is blank. Please help me. My full codes: index.php- <!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Image upload</title> <link href='http://fonts.googleapis.com/css?family=Boogaloo'
Set an input with a wordpress php value
Hello everyone, First of all I am not a Jquery or JS expert so I don't really know if my code is wrong or if that's just a calling issue... I have to set an input value depending on the element clicked on my page, using the_title(); wordpress function. I wonder if someone already had the same kind of issue. Here is my script called in my template page where the link is written and the form shortcode is called too : function postuler_js(){ sujetpostuler = the_title(); $("#postulerBouton").click(function
how to change text in div
can you help me try to check one in which fatherly change text in div var post = $('#post-more')[0], jumlah = 0, putt = /\(\d*\) /; function updateButton() { if(jumlah === 0) { post.text = post.text.replace(putt, ""); return; } if(putt.exec(post.text)) { post.text = post.text.replace(putt, "("+ jumlah +") "); } else { post.text = "(" + jumlah + ") " + post.text; } }; function isNumber(n) { return !isNaN(parseFloat(n))
A little help for a script
Hello I'll try to explain what I want to do. I have multiple images to select and I'd like to limit the user selecting an image or images with the total with lower than 990px. I have the with information into the 'alt' of each images. It would be something like this: - if you've chosen one image of 990px you can't select more images - if you've chosen one image of 728px you can select another of 250px i.e The max images are two. Could you please help me to start? I'm stuck! Thank you!!
Creating a nested accordion with multiple columns in each nest.
I'm having trouble with my fiddle. Take a look here: http://jsfiddle.net/q9cfa6qu/5/ I want to achieve a nested accordion with multiple columns in each nest. First, 50 states organized within 3 columns. (Each column must be the same width despite the text.) ( I didn't plug in all the states. I just made enough to give me 2 rows for testing.) You click the state, you get 3 stores listed side by side. You click the store then you get the store listings in 4 columns and multiple rows. But it's all
SWAP IMAGES ON HOVER
Hi, I have a dropdown menu with a list (made out of divs) on the left and images on the right. I want the images to change depending on which list item you hover. here is my html code Help very much appreciated! <div class="dropdown"> <!---Flecha---> <div class="arrow"> </div> <!---Menu---> <div class="parte_baja">
Load jQuery in functions.php
Hi I am having an issue loading my jQuery via the functions.php file. if (!is_admin()) add_action("wp_enqueue_scripts", "my_jquery_enqueue", 11); function my_jquery_enqueue() { wp_deregister_script('jquery'); wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js", false, null); wp_enqueue_script('jquery'); }Above is the code I have, all plugin's are switched off apart from the plugin giving the issue
Use same class for different checkboxes using jQuery
I have a multiselect dropdown which has 8 colors in a hash %all_colors: my %all_colors = ( 1 => 'Red', 2 => 'Yellow', 3 => 'Orange', 4 => 'Blue', 5 => 'Black', 6 => 'Brown', 7 => 'Green', 8 => 'White', ); I have put it in a dropdown like this: my $color_selector = '<select name="all_colors">'; foreach my $color (sort {$all_colors{$a} cmp $all_colors {$b}} keys %all_colors ) { $color_selector .= qq~<option value="$color">$all_colors{$color}</option>~; } $color_selector
[Question] Two files of the same code but different result <--- Editor Problem (Notepad++)
This doesn't display css box. I deleted cookies and run as Chrome. It's weird.. It results from Notepad++ bug... Solved... It was Editor problem... on Notepad++, Xampp --------------------------------------------- [File 1 - failed.html ] <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>finish demo</title> <style> #b2{ position: absolute; left: 50px; top: 330px; width: 40px; height: 40px; background: red; } </style>
forms loaded in a div dont submit.
I have a main page with NAV bar, this links get loaded in the maincontent div using linkload.js, now if a form is loaded it cannot be submitted either with ajax (using my form submit script) or standard submit. need help main page <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>POT - Purchase Order Tracker</title> <!-- Bootstrap -->
decorate elements by id (simple script)
hey guys im trying to do a simple decoration for my form...the array contains the id of my fields and im trying to add a class to the fields and lables but im having no luck in it working...can anyone help me on why i cant get this to work...thank you var elements = {'username', 'email_address', 'confirmed_email_address', 'password', 'confirmed_password'}; function decorate_form_errors(elements) { $.each(elements, function(id) { $("label[for!='" . id . "']").addClass('label-error');
when added selectmenu() to a select, it stopped its event
Hi, I have a dropdown : <div> Enabled/Disabled<br /> <select id="enabledChoice"> <option value="All">All</option> <option value="F">Enabled</option> <option value="T">Disabled</option> </select> </DIV> it filter a table by showing all , or just enabled or just disabled, as soon as I added jquery ui and did : $(function($){ $('select#enabledChoice').selectmenu(); The following code (for filtering displayed
Next Page