I've been writing a slideshow script that I've had working perfectly on my mac in Chrome and Safari, however I went to look at it in IE8 and lo and behold it falls over. It says 'object doesn't support this property or method' in relation to the new SlideShow line in the main() function.
View 3 RepliesBelow is what I am trying to accomplish. I want to have the areas with
+txt+ to have the user defined variable inserted. I can't seem to get
it to work....
My html: <div class="hi" newsAttribute="news"></div>
here i need to get custom attribute newsAtrribute via jquery..
Im trying to add a cross browser event listener to an element so i made my own function that detects weather the browser is IE or Firefox, then add the appropriate eventListener function to the element.
Code JavaScript:
// CROSS-BROWSER ADD EVENT HELPER METHODS
function addCrossBrowserEventListener (elementName, eventName, functionName) {
// does the addEventListener function exist?
[Code]....
but when i run the code inside Firefox i get a error message "name.addCrossBrowserEventListener is not a function".
So I'm wondering is it possible to add custom functions to elements directly or is there any special way of doing it.
I don't know if I can/should do this w/ JavaScript on the client or can/should this be done on the server - and if so what language would be best?
Here's my goal:
I am asking users 4 questions - depending on the one selected - that answer creates a profile and that profiles stays with them throughout the site.
E.G.; if (women under 30) is selected this information will stay on the site throughout w/ content detailed for this group.
I'm trying to select a class (.home) and an ID (#something) at the same time,
normally I'd use:
$(".home,#something")
but in this instance, the ID is already stored in a variable called "newpage" - I'm trying the following:
$(newpage,".home")
(note, selecting the id on it's own with just$(newpage) does work, so I know the issue isn't with my variable, it's just a matter getting both the class and the variable stored ID selected at the same time)
How do i use a function like this?
$.clientCoords = function() {
var dimensions = {width: 0, height: 0};
if (document.documentElement) {
[code]....
I have created a function and successfully called it in place, but it wont load properly in a loop.Here is my function:
function setImageTile(id, imageType) {
$('#'+id+' img').attr('src', 'images/'+imageType+'.png');
$('#'+id+' img').attr('name', imageType);
[code]....
Is there any javascript code that I can use in "window.open" that will pop up a window of whatever the user has set as the default browser window size? (This should be the size of the browser window when they first open it)
Also, any code to go to the user's defined homepage as set up in their browsers preferences?
I've got an HTML file displayed at [URL]
The Firefox 3.6.12 displays only:
=========== Start ===========
10_ShowClassesAndTypes
Starting 10_ShowClassesAndTypestesting dw
=========== End ============
The "dw" function writes nothing. Suggestion on how to get "shorthand document.write" function working. In the meantime I'm going to see if I can get Protype to provide a shorthand function.
I am trying to use a user defined function and text area for a project, but nothing is showing up in the text area when i click the button.
View 5 Replies View RelatedOk so the following code works.
function myFunction(myName)
{
alert("You are "+myName);
}
callFunction = "myFunction";
parameter = "Joe";
[Code]...
I'm trying to use window.open from inside a user defined function, and
it's not working.
Mountain Man
============
<script>
function openFootnote(contentURL) {
window.open('contentURL','footnotes','height=180,w idth=160');
}
</script>
I've tried calling on the function 2 different ways, as shown below.
Nothing happens either way.
<a href="javascript:(void)" onClick="openFootnote(fn1.html);">...</a>
<a href="javascript:(void)" onClick="return
openFootnote(fn1.html);">...</a>
I am having a problem of calling the user defined JS function after I make the AJAX call. Basically, I created couple radio buttons on the main html page. When the user clicks on one of the radio button, it will trigger the AJAX call and return another html file in the "div" content that I set in the main html page. The other html file contains a user defined JS function (e.g. "updateContent()") which use the onclick event handler to call the function. When I'm running the app, and click on the button. I had seen the firebug was complaining the "updateContent() is not defined" error. The function itself works fine and must be defined properly.
Here is the code in the main.html page:
Code:
<script type="text/javascript">
var asyncRequest;
function getTools(url){
try
[Code].....
I am having a problem of calling the user defined JS function after I make the AJAX call. Basically, I created couple radio buttons on the main html page. When the user clicks on one of the radio button, it will trigger the AJAX call and return another html file in the "div" content that I set in the main html page. The other html file contains a user defined JS function (e.g. "updateContent()") which use the onclick event handler to call the function. When I'm running the app, and click on the button. I had seen the firebug was complaining the "updateContent() is not defined" error. The function itself works fine and must be defined properly. Here is the code in the main.html page:
Code:
<script type="text/javascript">
var asyncRequest;
function getTools(url){
try
{
asyncRequest = new XMLHttpRequest();
[Code]..script type=
I'm using closure to make a function return an object in the form of the literal.
function myFunction() {
return {
a : 'foo',
[code].....
I am facing a problem in passing replace() function as an argument in user defined java function.
intention is to pass a file path to my user defined function, but before passing the path i want to replace the character '' to '\'
I am posting my javascript function here:
<a href="#" onclick="OpenDocPreview('<%# Eval("PATH")%>'.replace(/\/g,"\\"), '<%# Eval("Filename")%>')"><%# Eval("DocTitle") %></a>
function OpenDocPreview(url, docname) {
alert('message from search base : ' + url + ' ' + docname);
}
I am facing a problem in passing replace() function as an argument in user defined java function
intention is to pass a file path to my user defined function, but before passing the path i want to replace the character '' to '\'
I am posting my javascript function here:
<a href="#" onclick="OpenDocPreview('<%# Eval("PATH")%>'.replace(/\/g,"\\"), '<%# Eval("Filename")%>')"><%# Eval("DocTitle") %></a>
function OpenDocPreview(url, docname) {
alert('message from search base : ' + url + ' ' + docname);
}
I'm trying to add a body class of 'day' if it's 6am-5pm and 'night' if it's 5pm-6am based on the user's local time. I tried the following but it didn't work.
[Code].....
Is there anyway to have a CSS class returned as an object? This would be rather useful to feed, for example, to the .animate() function. There is no way to animate directly to a CSS class as destination, is there?
View 5 Replies View Relatedi have this code for changing the class of object 1 as mouse comes over object 2, the class changes back when mouses goes out.
Code:
<SCRIPT type="text/javascript">
function changeClass(floor3)
{
var obj = document.getElementById(floor3);
[Code].....
What're the members of the error class/object? Is there a complete reference to all JavaScript objects available on the Web?
View 6 Replies View RelatedI have a javascript object which dynamically generates a table adding, deleting and moving rows as the user clicks on buttons or links. Problem is when I generate a table row and add the javascript method call to my class, I have to put the object instance name variable of the class in order for it to be called from the onclick=function(). This is seriously limiting, but I'm stuck for a way round it. Heres a edited of the code so you get the idea....
Instantiating the object :-
var dtl = new DynamicTableList("table1", $
{myObject.allFieldsAsJavaScriptArray}, true, true, true);
My javascript class DynamicTableList, note the dtl javascript object
instance variable being referred to in the addRow function. How can I
avoid this???
function DynamicTableList(thisObjName, tableName, options, showDelete,
showUp, showDown)
{
this.processRow = function(r, row, up, down)
{
...
};
this.processRows = function()
{
...
};
this.getVisibility = function(visible)
{
...
};
this.delRow = function(button)
{
...
};
this.addRow = function(selection)
{
...
if (showDelete)
{
var cell2 = document.createElement('TD');
var inp2 = document.createElement('IMG');
/
************************************************** ***********************************************/
inp2.onclick=function(){dtl.delRow(this);} // Have to specify
dtc!!!!!!!!
/
************************************************** ***********************************************/
inp2.title='Delete'
inp2.alt='Delete'
inp2.src='images/delete.gif'
cell2.appendChild(inp2);
row.appendChild(cell2);
}
...
tbody.appendChild(row);
this.processRows();
};
this.moveRow = function(node, vector)
{
};
}
Obviously the code dtl.delRow(this); is being dynamically generated, but how do I replace the dtl instance name with something that'll work whatever the user of this class calls the instance of it!
I have an each loop that goes through all the elements in a certain class. What I need to do is get the ID of the current element in the each loop, but I can't seem to figure out how to. var currentID =$(this).attr ("id"); was my first assumption, but it's not working. [code]The css is just for debugging, not the goal, so alternate ways for me to do that won't help.
View 1 Replies View RelatedI am working on a Master-Detail grid that allows users to click on master rows to show or hide details rows. [code]What I want to do is to add Expandable class to SummaryRow if it's collapsed, add Collapsible class if it's expanded. But I don't know how to do that.
View 1 Replies View RelatedThe problems with the setTimeout and setInterval functions provided in Javascript are twofold. First, you can't call a local object method without losing your scope, and second, you can't pass objects to the function, since the function call is implemented as a string.
The Timer class solves these difficulties by employing a static array to store the parent object and function arguments until the function is called.
This class is provided as-is and pro bono, so go ahead and muck with it if you see things that could be done better.
Thanks to WA for giving me the idea for this (albeit indirectly)!
Updated 4/18/2003: Footprint decreased, minor code improvements.
Updated 5/3/2003: Minor comment clarification; no code changes.
Updated 5/10/2003: Minor code improvements.
// The constructor should be called with
// the parent object (optional, defaults to window).
function Timer(){
this.obj = (arguments.length)?arguments[0]:window;
return this;
}
// The set functions should be called with:
// - The name of the object method (as a string) (required)
// - The millisecond delay (required)
// - Any number of extra arguments, which will all be
// passed to the method when it is evaluated.
Timer.prototype.setInterval = function(func, msec){
var i = Timer.getNew();
var t = Timer.buildCall(this.obj, i, arguments);
Timer.set[i].timer = window.setInterval(t,msec);
return i;
}
Timer.prototype.setTimeout = function(func, msec){
var i = Timer.getNew();
Timer.buildCall(this.obj, i, arguments);
Timer.set[i].timer = window.setTimeout("Timer.callOnce("+i+");",msec);
return i;
}
// The clear functions should be called with
// the return value from the equivalent set function.
Timer.prototype.clearInterval = function(i){
if(!Timer.set[i]) return;
window.clearInterval(Timer.set[i].timer);
Timer.set[i] = null;
}
Timer.prototype.clearTimeout = function(i){
if(!Timer.set[i]) return;
window.clearTimeout(Timer.set[i].timer);
Timer.set[i] = null;
}
// Private data
Timer.set = new Array();
Timer.buildCall = function(obj, i, args){
var t = "";
Timer.set[i] = new Array();
if(obj != window){
Timer.set[i].obj = obj;
t = "Timer.set["+i+"].obj.";
}
t += args[0]+"(";
if(args.length > 2){
Timer.set[i][0] = args[2];
t += "Timer.set["+i+"][0]";
for(var j=1; (j+2)<args.length; j++){
Timer.set[i][j] = args[j+2];
t += ", Timer.set["+i+"]["+j+"]";
}}
t += ");";
Timer.set[i].call = t;
return t;
}
Timer.callOnce = function(i){
if(!Timer.set[i]) return;
eval(Timer.set[i].call);
Timer.set[i] = null;
}
Timer.getNew = function(){
var i = 0;
while(Timer.set[i]) i++;
return i;
}
Here's an example of the code in action:
function Ticker(){
this.count = 0;
this.timer = new Timer(this);
}
Ticker.prototype.tick = function(d){
this.count+=d;
window.status = ""+this.count;
this.timer.setTimeout("tick", 1000, d);
}
window.onload = function(){
var ticker = new Ticker();
ticker.tick(1);
}