I've got a div, and it has an onMouseOver handler attached to it which makes a second div visible. The second div shares part of one side with the first, but not all.
The first div also has an onMouseOut handler which, you guessed it, makes the second div invisible.
However, if the user rolls out of the first div and into the second, I'd like to keep the second div visible. Any ideas how to accomplish this?
I switched to using this function to create element:
----------------------------------------------------
function elem(name, attrs, style, text) {
var e = document.createElement(name);
if (attrs) {
for (key in attrs) {
if (key == 'class') {
e.className = attrs[key];
} else if (key == 'id') {
e.id = attrs[key];
} else {
e.setAttribute(key, attrs[key]);
}
}
}
if (style) {
for (key in style) {
e.style[key] = style[key];
}
}
if (text) {
e.appendChild(document.createTextNode(text));
}
return e;
}
---------------------------------------------------------
so instead of the "old" way:
var oMyDiv = document.createElement("DIV");
oMyDiv.setAttribute("id","testid");
oMyDiv.className = "testclass";
I use that function :
var oMyDiv = elem('DIV', {'id':'testid', 'class':'testclass'});
The rendered source shows this:
<div extend=" function (object) {return Object.extend.apply(this, [this,
object]); } "
class="testclass" id="testid">
Question: I don't understand the "EXTEND" part......anyways does it look
legit/right?
I would like to extend any HTMLObject with additional functions, such as the following:
HTMLCollection.prototype.getElementByID = function(s_name)
{
alert(s_name);
return null;
}
Unfortunately this doesn't work. However, this one does:
Code:
Array.prototype.getElementsByName = function(s_name)
{
alert(s_name);
return null;
}
Is there a way to do what I'm looking for, perhaps using other techniques?
basically the way I have it now, it's like most other sites, in terms of paginating. You click 2, 3, 4, for the next pages.
However, I don't really like that. I like the way how twitter has it, so you can click more, and the page then extends, showing more tweets.
How can I apply this to my site (which for the most part, is like a photo gallery, by the way)?
As I know,it's not well to extend Object.prototype derictly.
In the Prototype(JS Framewoke),there is no extend Object.prototype.
It only add some static method for Object class.I want to konw the reason.
I am using the datepicker plug in, and am trying to extend it to not allow sundays to be selected. Now the problem I have is I am no javascript savy... so not sure the correct way to format this.
Here is my code for the plug in:
<script type="text/javascript">
$(function() {
// Tabs
$('#datepicker1').datepicker({
beforeShowDay: function(date) {
return [(date.getDay() > 1), ""];
} minDate: 0,
maxDate: "+12M +0D",
dateFormat: 'dd-mm-yy'
});});
</script>
The above is not working, It is not showing the calendar, so I know something is up somewhere here? The reason it has datepicker1 is on the page it is dynamic and can have multiple occurences of the calendar but with numbers after each.
When you need for a certain element (say a text input box) to remember some data, what is the best way to do this? Can you extend the input box object with jquery? Right now i've been storing it in the rel tag $('#testInput').attr('rel','extrainfo') it just seems like there should be a better way to do this.
View 2 Replies View RelatedCurrently I'm trying to do the following:
{
config : {
user : "name",
mod : true
}}
That is JSON nr 1, now I got the following
{
config : {
mod : false
}}
What I need as a result is:
{
config : {
user : "name",
mod : false
}}
If I do a $.extend(json1, json2) then I will lose my user name.
If I do a $.merge(json1, json2) I will keep my username, but my mod will not be overwritten.
How to extend the constructor for the date object of the javasccript so that whenever a call is made to the constructor, I want to perform a particular action? Basically how to define wrappers for default javascript methods or objects like Date() so that I can perform some action and then invoke the original method? So basically if I have something like var a = new Date(); I want it to (say) alert the value of the date everything Date() is called and then execute the default date constructor.
View 3 Replies View RelatedHow can I overload or extend (or intercept) jQuery's .html() method so that it works its default way unless the object has a certain class?
View 2 Replies View RelatedRun this code :
var empty = {};
var defaults = { validate: false, limit: 5, name: "foo", buttons :
{}};
[code]....
This is a code for checking numbers A1 -> B1, when there is a match, the code will be green, otherwise black. how I can extend this script, that more then one array is checked?
<script type = "text/javascript">
var a1 = ["2","5", "11","16","23","45", "46"];
var b1 = ["2","3","8","12","23", "37", "41", "45", "48"]
[code]....
I'm trying to extend KmlPlacemark in the Google Earth API. Google uses factory methods to create the objects so I can't do something like this:
KmlPlacemark.prototype.foo = fuction(){...}
I tried to simply add methods to each of the objects after they were created
function foo(){...}
placemarkObj.foo = foo;
but it throws
Error: Trying to add unsupported property on NPObject!
I ended up just making a wrapper for it, but I'd still want to know if there's any other way of doing it.
What happens if you do the following? - That is deep copy a jQuery selector.
[Code]...
I'm concerned whether the myObj.selector object will deep copy the whole of jQuery as part of the process. My initial tests did not show any obvious speed hit, but it is rather a basic test right now.
How to extend the _alsoResize function of the resizable plugin?
View 1 Replies View RelatedI have a bit of javascript that is supposed to change picture and its accompanying text when you hover over a bit of link text in another area of the page. This is working, however, the text is toggling without the picture due to an invisible area next to each link. I am not sure if it's an issue with applying my javascript to another bit of code or what.
Here is the code that I have that flips the text:
<script type="text/javascript">
function tabOver(which)
[code]....
I've cranked up the numbers for sensitivity, interval, and timeout, and the site seems totally unresponsive to my changes. I've double-checked that hoverintent.js is being called, and it definitely is.
var cfg = {
sensitivity: 7,
interval: 5500,
[code]....
I have a few String prototypes such as String.prototype.EscapeReg = function () { return this.replace(/[-[]{}()*+?.,\^$|#s]/g, "\$&"); }; // Escapes characters for use with a regular expressionI also have my own class/ library which is used like this var adg = new AndyG_ns.ADG_Utils(); adg.StartClock('AndyClock','dd mmm yy hh:nn'); // etc.What I would like to do is to only add the prototype to my library (not to the global namespace). The end result I'm looking for is to use code such as:
var adg = new AndyG_ns.ADG_Utils();
var myString = new adg.AString();
var parsed = myString.EscapeReg();
In addition, I want to be able to also use/create my special string sub-class within my library. I suppose I'm saying that I would like to extend or super-class the native String object.
My question is regarding the behavior of Supersubs in IE6. It seems to adjust to the correct width, but, it applies the new width to all of
the parent UL's of the widest LI. In IE7 and FF the new width is only applied to the containing UL of the LI.
Is there a way, besides writing another method, to make Date.setMonth() do something more useful than nothing when the month in question creates an invalid date? If I try
d=new Date();
d.setMonth( 1 );
today, I'd really like to get some kind of an error rather than silent failure.
I have a table that changes its cell (input text) colors when their contents
have changed (actually on keypress) and shows a couple of buttons
automatically, UDPATE and CANCEL. This works partially, though detecting
enter and escape doesn't seem to work, or parhaps calling the button click
events directly doesn't (see below).
In addition to getting the ENTER and ESC keypresses to fire their
appropriate button clicks, I need to be able to collect information on which
cells have changed, so on the page loading again I can read this
information, perhaps from a hidden field, to use to update a database
server-side.
<script language=javascript>
function GirdTextKeyPress(txtID, btnsContainerlID, btnUpdateID, btnCancelID)
{
var txt = document.getElementById(txtID);
txt.className = 'GridChanged'
var bc = document.getElementById(btnsContainerlID);
bc.style.display = 'inline'
var btnUpdate = document.getElementById(btnsContainerlID);
if (event.keyCode == 13)
{
event.returnValue=false;
event.cancelBubble = true;
btnUpdate.click();
}
var btnCancel = document.getElementById(btnCancelID)
if (event.keyCode == 61)
{
event.returnValue=false;
event.cancelBubble = true;
btnCancel.click();
}
}
</script>
<style>
Input.Grid
{
border-style:none;
}
Input.GridChanged
{
background-Color:Yellow
}
</style>
Normally, a button like <input type="image"is also a submit button.
Is there any way to override that so that it has an onclick event but
does not submit the form?
For what I'm trying to do, I cannot use an <imgelement with onclick.
I have to use a form element (and I'd rather have an image than a
button)
I coudn't understand some behavior of RegExp.test function.
Example html code:
----------------
<html><head></head><body><script type="text/javascript">
var r = /^https?:///g;
document.write( [
r.test('http://a'),
r.test('http://b'),
r.test('http://c'),
r.test('http://d')
]);
</script></body></html>
---------------------
The page displays true, false, true, false. (in Opera, Firefox and IE)
This is strange because I expected it would display true, true, true,
true. There must be something I didn't know about the function
RegExp.test.
I used the following script to allow me to bring up a list of events
for a given year by simply hovering the mouse over the filename. As
follows --
<script Language="JavaScript">
function winopen1(){
msg1=open
("","WINDOW1","toolbar=no,location=no,directories=no,status=no,me nubar=no,scrollbars=no,resizable=no,copyhistory=no ,width=550,height=200");
msg1.location="1989H.htm"}
</Script>
Then....
<a href="1989H.htm" onMouseOver="winopen1();return true;"
onMouseOut="msg1.close();return true;">1989</a></font></td>
This is one example .... this is repeated about 20 times in the
program, one for each year of our history...
It works fine ... but not on all the browsers in our office. Most work
fine ... others (all IE) work fine on some dates; other dates, when
you hover, flash a blank page repeatedly until you move the mouse
away; almost as though it is looping ...
I notice that "about:blank" flashes briefly before the called page
comes up ... but that appears to be normal.... I have checked and
rechecked all coding, all brackets and semi-colons ... and it works
perfectly -- for me and for a few others.
I expect to see "foo" for the 2nd alert. Instead, the value of select is
cleared. Am I missing something?
<html>
<head><title>Foo</title>
<script language="javascript">
<!--
function foo()
{
alert('Before change: ' + document.control.titleFont.value);
document.control.titleFont.value = 'foo'
alert('After change: ' + document.control.titleFont.value);
}
-->
</script>
</head>
<body>
<form name="control" method="POST">
<select name="titleFont">
<option value="sans-serif">Arial</option>
<option value="serif">Times</option>
</select>
<input type="submit" name="control" value="Submit" onclick="return
foo()"/>
</form>
</body>
</html>
I've been working with a page that should act as a 'jump page' before
loading a PDF and when I use the location.replace function to replace
the jump page with the resulting PDF, both the jump page and the pdf
show up into the browser history (in IE only) leading to the dreaded
back-button loop. Code: