The function "setEqualHeight" fires on document ready and works well. It sets two columns to equal height. The problem is that I have tabs and accordions in the columns and therefore need to recalculate the column heights after the document is loaded: I try on click but nothing happens. Why?
This works fine:
This does'nt work:
If you replace with an object that has a click handler, do you have to do anything to get that listener to bind?[code]...
View 2 Replies View RelatedI want to execute a function, when a user clicks on a certain button on my page. It works in Chrome, Safari, Opera and FF, but not in IE 9. The jquery-Code looks like this:
$('#mapButton').click(function(event){ ... });
My HTML source code:
<div id="medias">
<div>AUDIO<br /><p id="audioButton"></p></div>
<div>KARTE<br /><p id="mapButton"></p></div>
<div>BILDER<br /><p id="galleryButton"></p></div>
<br style="clear:both"/>
</div>
By Clicking on mapButton the function should follow. I tried it first with the input-Tag, then with the a-Tag and afterwards with the p-Tag. Nothing works at all. I also inserted a return false at the end of my JS function. How to handle it?
I'm new to jQuery. I'm writing some code to show a picture if user clicks on table row. This is the table
<table id="restable" border="0">
<thead><tr>
<th class="cat" width="150"><a href="">Category</a></th>
<th class="brand" width="150"><a href="">Brand</a></th>
<th class="name" width="300"><a href="">Name</a></th>
<th class="weight" width="50"><a href="">Weight</a></th>
</tr></thead>
<tbody id="table">
</tbody>
</table>
The table is filled with this function
function search(sortt,dirt) {
$.getJSON("/jsonsearch.php", {cat: $("select#catselect").val(), brand:
$("select#brandselect").val(), name: $("input#search").val(), sort:
sortt, dir: dirt}, function(j){
$("tbody#table").empty();
var row='';
for (var i = 0; i < j.length; i++) {
row="<tr><td width='150'>"+j[i].cats+"</td><td width='150'>"+j
[i].brand+"</td><td class='name' width='300'>"+j[i].name+"</td><td
width='50'>"+j[i].weight+"</td></tr>";
$("#restable tbody").append(row);
}})
This is the function I put inside $(document).ready()
$("#table td").click(function(){
alert("jhgjgh");
});
The problem is that click event doesn't fire. If I get it working, how do I get the contents of the row that user clicked. I need Name from that row.
The Problem: So a user clicks on "web development" for example. This triggers the mousedown function correctly. The user then clicks on "web development" again. This no longer triggers the mousedown event. BUT if you move the mouse around or click a different link it will trigger the function correctly.
The HTML:
<body>
<div id="animate-top"> </div>
<div id="wrapper"><a href="#" class="menu">Graphic Design</a><a href="#" class="menu">Web
Development</a><a href="#" class="menu">Contact Us</a></div>
</body>
The Javascript:
$("a").mousedown(function () {
if (topvisable == 0){topvisable = 1;
$("#animate-top").slideUp('slow');
} else {topvisable = 0;
$("#animate-top").slideDown('slow').delay(1000).slideUp('slow');
}
return false;
});
I am using Table sorter to sort the table. I need sort to work only if i click explicitly on header sort image, not on headers. I am using dynamic column width on headers and whenever the colum is resizing the table sorter is getting called unnecessarily because the click event is getting fired on the header. Do i need to change the $headers.click call in jquery.tablesorter.js page?
View 1 Replies View RelatedI need to send the tab to a particular text box when it tabs out of another textbox. I need to handle a function in which I could set the focus into the desired textbox. But I am not able to get to my function when the tab out happens. How can this be done?
View 1 Replies View RelatedI'm new to JavaScript and I wrote this code to play with. Oddly, if I
enter text in a box and then press the button, I only get the onChange
event for the text box and not the button's onclick event. But if I
press the button without entering text first, the button click event
does work. What's up?
<html>
<body>
<h3>Events on Buttons and Text Boxes</h3>
<input id="myTextBox1" type="text" onChange="doChange1()" /<br />
<input id="myTextBox2" type="text" onChange="doChange2()" /<br />
<input id="myButton" type="button" onclick="doClick()" value="Click me"
/>
<script type="text/javascript">
function doChange1(e)
{
var val = document.getElementById("myTextBox1").value;
alert("You typed: " + val);
}
function doChange2(e)
{
var val = document.getElementById("myTextBox2").value;
alert("You typed: " + val);
}
function doClick(e)
{
var _num = prompt("Enter a number", "100");
alert("You typed: " + _num); // number converted to string
automatically
}
</script>
</body>
</html>
i need some script to detect an enter key being pressed in all browsers. I can't seem to find how to cover most browsers (ie, ff, safari, chrome)
View 1 Replies View RelatedI imported *.js file:
<Script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
and wrote jqurey function :
$(document).ready(
function() {
checkStatus();
[code]....
look at my page with a jQuery gallery that refuses to work, however, it works perfectly on my local computer. View Page [URL] What is the problem, and how do I fix it?
View 1 Replies View RelatedAfter doing some tutorials, I am not sure if this is a bug, or perhaps someone can give me a better explination why it is working the way it is.I am using Visual Studio 2010 combined in a Master Page. In my aspx page, I have the following code:
<script type="text/javascript">
$(document).ready(function () {
$('input:text:first').focus();
[code]....
I need this script to fire a "function msg()" instead of displaying the "document.write(enabled)" statement.
View 4 Replies View RelatedI'm trying to get a select box to populate onload but can't get it to go. It works fine onchange.
This populates the city select box from my db depending on what state is selected.
code...
I've tried variations of handleOnChange(cb_state), handleOnChange(document.getElementById('cb_state'), handleOnChange(ydntuwrkupceofcrp), I've tried chaining the 2 functions together, but nothing I do seems to get this to work.
What am I missing here?
I'm trying to code a website that will read data from an Excel file (stored either locally or elsewhere) and input a row of data (searched based on a Drop-Down List) into a table on the web page itself. Every time I open the page (it's currently stored on my local drive, on a laptop running Windows 7) in IE8, though, I get the error "Automation Server Can't Create Object" and nothing happens. The Excel file doesn't get opened and the table is blank. Thing is, though, I tried opening the same web page on another computer with IE6 and Windows 2000, and the Script works perfectly there.
I've been searching for a solution to this for a week, and some people suggested elsewhere that it's a problem with IE8's security settings. I lowered them as far as they'll go and enabled Running the Script Not Marked As Safe for all possible zones, same result, the Script refuses to run with the "Automation Server Can't Create Object" error. Here's the applicable lines of code:
function loadData() {
// try {
var Excel, Book;[code]...........
I'm completely stumped, everyone. Is it some obscure setting I'm forgetting to check in IE8, is my Java not fully updated, or what is it? Again, it works perfectly on my old Windows 2000 w/ IE6 computer, but not on a recent Windows 7 laptop with IE8.
got an one that might prove interesting. I have a window that refuses to close in OSX/Safari 3.1 if it has any history.
Details:
I have an embedded flash app that offers links. These links will initiate a new window. I have little access to the working of the links, so I am assuming that they are using window.open and call the popup page.
So once the window is open, I have a link within that window to close it using an a tag that fires a js function which in turn uses self.close(); See code below. This works well in all cases. The problem comes into play under the following conditions:
1) Mac/Safari 3.1 (note that XP/Safari 3.1 does NOT produce the same issue)
2) Once the window is open, the user clicks a 2nd link from the Flash app, showing the selected html page and adding history to the popup window.
3) The user then tries to close the window, which now fails.
4) Any additional addition to the popups history yields the same results (as one might imagine).
I tried to use javascript to navigate back to the initial history point, and then run self.close. This sort of worked as I would revert back in the history stack with the first click, then the window would close on the second call to the close function. But I couldn't get it to work in one click. I did notice that adding an alert between the history rollback and the self.close() actually allowed this idea to work. So I tried a setTimeout, but did not have success. Seems like there's something there, but I guess I don't understand well enough to come up with the solution.
Code:
function self_close(){
self.close();
}
HTML Code:
<a href="#" onclick='javascript:self_close();return false;'>close</a>
So I got six textareas that are read-only.
Maybe I'm confused, but textareas support onFocus events, correct?
Furthermore, I've got a radio group that has an onChange event. Something like onChange="f(1);"
When a button is selected, the JavaScript function kicks in :
function f(n) {
var x = window.document.forms[0]
var y = new Array()
y[0] = 6
if (n == 1) {
x.text_field.value = y[0]
}
}
This should pop the number 6 into the text_field (which is a textarea), should it not?
Anyone here using Visual Studio 2008 to edit Javascript files? Wheneven I try to edit a .JS file (regardless of whether I've created it inside VS2008 or imported it), I get the tab with the file name, but the content doesn't update. I just see the contents of the previous tab, and if I type something, press save, rename the .JS file to something else and open it again, it turns out whatever I typed in is there.
If I "Open with..." the file, selecting source code editor instead of the default script editor, the file shows up fine, and I can work with it, but sadly without intellisense and color mark-up... Which sort of defeats the whole point of buying VS2008. I've tried the repair option from the VS2008 DVD, but no difference.
I'm using VS2008 v9.0.30729.1 SP1 on a swedish XP Pro SP2, tried restarting VS2008, rebooting etc, nothing helps. One workaround for me is to enclose the javascript in HTML "<script>" tags and renaming the file .htm and include it that way, but that's... ugly and ..
It's pretty common to assign a click even to a <div> (or other tag), such as:
Code:
// JQuery
$(document).ready(function(){
$("div").click(function(){[code]....
Of course this event won't be accessible from the keyboard, which might be nice. Now if it where an <a> tag, you can do this:
Code:
$(document).ready(function(){
$("a").click(function(e){
alert("clicked");
e.preventDefault();
});
});
The click event will fire if you click the <a>, OR if you tab to it with your keyboard and hit Enter.My question is: is there a way to make elements other than <a> tags accessible in this way? I recently discovered if you define a tabindex on your div, such as <div tabindex="0">test</div>, you can tab to that div, but click events don't seem to fire if you use your keyboard. Are <a> tags the only tags that can work in this way?
I'm trying to implement a dynamic menu using CSS/DHTML/JavaScript. The
menu bar is implemented as hyperlinks so I can use the :hover :active
etc. pseudo-styles.
When moving from one item to another on the menu bar I want to
simulate the user clicking on the menu bar item they've just moved
onto, so the adjacent menu drops down automatically.
So I have something like this:
function MenuBarItemMouseover(menuBarItem)
{
menuBarItem.click();
}
to simulate the user clicking on the adjacent menu.
However it seems the previous menu bar item stays in the 'active'
state and the item that has been moved onto remains in the 'hover'
state.
The css styles are defined in the order: link, visited, hover, active,
and in any case, it works fine if you actually do a mouse click on a
different menu bar item. It seems the programmatic click is not the
same.
Is there anyway of forcing the previous link to 'normal' and the new
link to 'active' using JavaScript? Or is there some other way of
simulating a mouse click?
Given the following XML:
<?xml version="1.0"?>
<links>
<link>
<title>jQuery</title>
[Code].....
But they would all open the same URL over and over. Keep in mind my real data has about 50 items.
I have a function that displays text when the text "more" is clicked. Except, the text is only displayed initially after clicking twice.
How can I make it respond immediately? The item is in a table, here is a section from the table:
HTML Code:
<head>
<link href="stylesheet.css" rel="stylesheet" type="text/css"/>
<title>Absolute Websites | Prices</title>
<script type= "text/javascript" src="script.js">
[Code]...
Bit of a newb to jquery. I have got a jquery slider effect nestled in some tabs. Each tab has one slider in it. When the page initially loads it loads the effect in the first tab only. On clicking the second tab the function isn't called and remains displayed without the effect.
[Code]...
I would like to know whether a jquery click function can be used in an"if" statement.The reason why I am asking, is because I haven't seenany examples of this being done on the web. I want to use thisapproach because currently Jquery keeps initiating two events from onemouse click, eventhough the css for each element is different.Ithink the best way to avoid this problem is to use flow control toexclude the other mouse click event. If element A is clicked then
View 3 Replies View RelatedI have this code
$("a").click(function() {
$("#loadingGif").fadeIn("normal");
});
[code].....
I've made some JQuery code to learn how it works and I saw a strange behaviour with toggle function, here are the code that I wrote:
html:
<div id="apDiv1">
<input type="button" name="gauche" id="gauche" class="bouton" value="Gauche" />
[code]....