Firebug gives me the below error message:
component.singularize is not a function [Break on this error] var component = component.singularize();
This is what I have:
var component = window.location.hash.replace('#', '');
var component = component.singularize();
alert("The component name is " + component);
[Code]....
You have an AJAX request and the response is mixed HTML + JavaScript. The javascript is referring to elements in the HTML component. Currently the JavaScript gets evaluated first thing when success is triggered and the HTML is returned as a parameter. Obviously this is not going to work ( in this scenario anyway ). As a previous Mootools user I was used to Request.HTML's responseJavaScript parameter and evalScripts option. None of there options are available in the $.ajax implementation.
P.S. I know I could make the javascript a file and load it separately. I know I can make my response JSON and have the js and html in separate properties of the JSON object. I want neither.
I am new to this discussion but hope you would post reply for my query and encourage me to keep in touch with this discussion. Well here is my problem. I have made an edit in place form in which we can add and remove the elements. I have used jquery.jeditable.mini.js and jquery.duplicate-remove.js plugins for edit in place and add and remove action. I have live() function to access the dynamically ganerated elements like this. $(".addressDiv span").live("mouseover", function(){
clickable function here...
[Code]...
I'm new to Greasemonkey, and have no idea how to fix this. I would post elsewhere, but I couldn't find a forum for user script development help....
View 4 Replies View RelatedFully commented...
<?XML version="1.0"?>
<component>
<?component error="true" debug="true"?>
<comment>-------------------------------------------------------------
'HTA Window Glue' script component (file name: HTAWnGlue.wsc)
Description:
a tacky attempt at persisting 'window settings', to restore
size/position at run time (within available screen space)
Usage:
include a link element inside an HTA element, like so:
<!--
<HTA:APPLICATION APPLICATIONNAME="someUniqueName">
<link style="behavior:url(HTAWnGlue.wsc)">
</HTA:APPLICATION>
-->
(no need for '<!--' these '-->' outside of this file)
Behavior:
*.xml is saved to the 'Application Data' directory (by default), in
a folder entitled 'HTAWnGlueData' the xml files are named/retrieved,
according to each HTA's APPLICATIONNAME value
the HTA's WINDOWSTATE attribute must be kept to its default value of
"normal" for the adhesion behavior to stick, so to speak...
Settings:
there are three 'resource' tags in this component:
"glueDir"
sets the top-level directory, where the data folder
is created; this can be changed in the text of that
tag, for example:
<!--
<resource id="glueDir">C:Temp</resource>
-->
currently that is: 0x1a
(- the shell special folder constant for 'ssfAPPDATA')
"minWidth" and "minHeight"
set minimum dimensions of a window...
Notes:
white-space counts as data in the resource tags
the initial resize can be hidden from view, if a seperate script is
included immediately below the opening <!-- <head> --> tag of
the HTA, like so:
<!--
<script type="text/JScript">
try{moveTo(-32000,-32000)}catch(e){}
</script>
-->
- "normal" WINDOWSTATE is important in this context
all things considered, the component is probably best suited for
resizable HTA's without minimize and maximize buttons...
------------------------------------------------------------</comment>
<implements type="Behavior" id="GlueCode" />
<resource id="glueDir">0x1a</resource>
<resource id="minWidth">100</resource>
<resource id="minHeight">100</resource>
<script language="JScript">
<![CDATA[
GlueCode.attachNotification(function(message)
{
if(message != "documentReady")
return;
var HTA, appName;
if(!((HTA = GlueCode.element.parentElement) && HTA.windowState == "normal" &&
(appName = sysConvention(HTA.applicationName)).length && !external))
return;
var IShellDispatch, IXMLDOMDocument;
if(!((IShellDispatch = AXO("Shell.Application")) &&
(IXMLDOMDocument = AXO(["Msxml2.DOMDocument.4.0","Msxml2.DOMDocument","Microsoft.XMLDOM"]))))
return;
var N, Folder, persist, FolderItem, storageDir = "HTAWnGlueData";
if(!(Folder = IShellDispatch.NameSpace(isNaN(N = +(Folder = attempt(function()
{return getResource("glueDir");}))) ? Folder : N)))
return;
Folder.NewFolder(storageDir);
Folder = IShellDispatch.NameSpace(Folder.Self.Path + "" + storageDir);
var client = document.body, availWidth = screen.availWidth, availHeight = screen.availHeight;
window.attachEvent("onbeforeunload",function()
{
if(!persist)
return;
root = IXMLDOMDocument.documentElement;
root.setAttribute("left", screenLeft);
root.setAttribute("top", screenTop);
root.setAttribute("width", client.offsetWidth);
root.setAttribute("height", client.offsetHeight);
attempt(function(){IXMLDOMDocument.save(IXMLDOMDocument.url || Folder.Self.Path + "" + appName);});
});
IXMLDOMDocument.async = false;
if(!(FolderItem = Folder.ParseName(appName = appName + ".xml")))
{
persist = IXMLDOMDocument.loadXML("<HTAWindow left="" top="" width="" height="" />");
return schedule(function(){
moveTo((availWidth - client.offsetWidth) / 2, (availHeight - client.offsetHeight) / 2);});
}
if(!(persist = IXMLDOMDocument.load(FolderItem.Path)))
return;
var m = 32000;
schedule(function(){moveTo(-m,-m);},function()
{
var
root = IXMLDOMDocument.documentElement,
persistLeft = +root.getAttribute("left"),
persistTop = +root.getAttribute("top"),
persistWidth = +root.getAttribute("width"),
persistHeight = +root.getAttribute("height"),
borderWidth = screenLeft + m,
captionHeight = screenTop + m,
minWidth = (isNaN(minWidth = Math.abs(parseInt(attempt(function()
{return getResource("minWidth")}))))) ? 100 : minWidth,
minHeight = (isNaN(minHeight = Math.abs(parseInt(attempt(function()
{return getResource("minHeight")}))))) ? 100 : minHeight,
size = function()
{resizeTo(Math.max(minWidth, Math.min(availWidth, persistWidth + (borderWidth * 2))),
Math.max(minHeight, Math.min(availHeight, persistHeight + captionHeight + borderWidth)));},
move = function()
{moveTo(Math.max(0, Math.min(persistLeft - borderWidth, availWidth - (client.offsetWidth + (borderWidth * 2)))),
Math.max(0, Math.min(persistTop - captionHeight, availHeight - (client.offsetHeight + captionHeight + borderWidth))));};
schedule(size,function(){schedule(move);});
});
function sysConvention(filename){
var
p1 = /[x00-x1f<"/?*|:>]/g,
p2 = /^[. ]+|[. ]+$/g,
p3 = RegExp("(^AUX$|^CLOCK$$|^COM1$|^COM2$|^COM3$|^COM4$|^COM5$|^COM6$|^COM7$|^COM8$|^COM9$|" +
"^CON$|^LPT1$|^LPT2$|^LPT3$|^LPT4$|^LPT5$|^LPT6$|^LPT7$|^LPT8$|^LPT9$|^NUL$|^PRN$)","i");
return filename.replace(p1,"").replace(p2,"").replace(p3,"$1_");}
function attempt(method,test){
try{throw method();}catch(result){return result instanceof Error ? null : result || test;}}
function schedule(method,next){
!attempt(method,true) ? setTimeout(function(){schedule(method,next);},55) : attempt(next);}
function AXO(progId,loc){
if(!(progId instanceof Array))
return bind(progId);
function bind(pId){
try{
throw loc ? new ActiveXObject(pId,loc) : new ActiveXObject(pId);}
catch(obj){
return obj instanceof Error ? null : obj;}}
var retval, p, i = -1;
while(p = progId[++i])
if(retval = bind(p))
break;
return retval;}
});
]]>
</script>
</component>
Info on script components... http://msdn.microsoft.com/library/en-us/dnclinic/html/scripting091399.asp
HTA:APPLICATION Element: http://msdn.microsoft.com/workshop/author/hta/reference/objects/hta.asp
I am newly using Jquery. I have a script here like :
[Code]...
This opens up a text box which when clicked, my date picker will pop up. If clicked elsewhere it will disappear again. But I might have done something wrong, as presently this is not happening.
I am trying to build this interface where there are icons and onmouseover, it displays menu choices for the corresponding. Instead of fixing the position of the menu box, is there a way to specify the left and top of that, relative to the icon that is being hovered? Here is part of my code:
<table width="100%" style="">
<tr align="center">
<td>
<img id="imgHead1" src="images/ccd.ico" alt="Info Center"
[Code]....
I have a problem. I have a div component where I'll drag multiple images. This part is working perfectly. But I am not able to read the order of these images played in the component. What happens, I can play any position in the image of the div component, however, like to read in order as they are, from left to right.
I believe it is possible, but the solution must be complicated. Some of his friends could help me in the routine javascript to read this?
[Code]...
I got a page with 2 <select> the second one is populated by the 1st selected item. I want to know how can I reload just the second <select>.
View 2 Replies View RelatedAm just starting a new site and this morning noticed my header background image (logo) was missing.
Started out with normal CSS/HTML navigation menu.
www.westernwebdesign.com.au/pelican/index.html
Then I added a Vista buttons navigation menu:
http://www.westernwebdesign.com.au/p...cal/index.html
and the logo was gone. Not exactly sure at what point it disappeared yesterday as I didn't notice it missing until this morning. The navigation is about the only point of difference so I think this is the issue but have no idea why.
building an HTML/CSS component that would:
1) Feature a small set of icons that would be placed on the right-side of a div
2) If someone clicked on one of the icons, the component would slide out towards the right, featuring various UI elements (i.e. descriptive text and form elements). The component slides out to match the width of the content (not fixed width)
3) The slider slides back if the user clicks on the "X" in top right corner or moves their mouse/clicks outside the slider area.
4) A nice to have would be if the component is towards the right side of the screen, the component slides out left (so it does not go outside the screen area or show a horizontal slider on the bottom of the screen window).
A visual of what I am trying to accomplish can be found in the attached file.
I have made a ActiveX control for commericial application. A Drag and
Drop component for Mail server.
I need to host the component in Internet Explorer.
When a user opens a mail it should prompt the user to download and
register the Drag and Drop activeX component.
This should be a trivial program. Please let me know how is it done.
Advanced DHTML Dropdown List component (Javascript,ASP,.NET,PHP)
enhances usability of large dropdown lists with type & select feature.
It suggests possible matches for entries you type in the input box.
Works in all browser with DIV, CSS and JavaScript support: IE5+,
Netscape6+, Mozilla, Opera. The script allows full customization with
style sheets, single and multiple select mode. Code:
looking for a script or list component that allow to change order by drag & drop
View 2 Replies View RelatedI want to learn how to use firebug, but I can not find tutorials or material. Can someone please let me know, where can I find material for firebug ?
View 2 Replies View Relatedwhat do you use firebug for in connection with javascript?
Just want to explore new ways of using it.
Currently I use it to:
1. debug my scripts using console.log(), etc.
2. test small things in the built in 'live' console
I'm rookie when it comes to Ajax and jQuery an..The following url produces an xml-file that I want to use on my page:When I use firebug it seems like nothing comes back. What have I done wrong?
This is what my code looks like:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[code]....
I recently learned about a new Javascript Debugger called FireBug. From what I've heard, it's pretty good. Here's the link: Code:
View 4 Replies View RelatedI have firebug installed in my firefox browser, but I can't get console.log, console.debug or console.trace to work. My console window remains empty despite all my efforts. For example I have some code which throws up an alert box ( alert ('here is an alert') so I know 100% that it is being executed. If I now place the line
console.log("please log this to the console");next to it, nothing gets written to the console. I also have firephp installed and this is logging to the console for my php code absolutely fine
How is firebug used to test javascript?
View 1 Replies View Relatedhow I could use firebug to step through massive amounts of javascript that were written by someone else. I'm trying to figure something out for work which has me stumped.
An old co-worker wrote some scripts based on prototype to show input fields on a form when certain options were selected on the previous input fields. I'm trying to duplicate his old code but for some reason it's just not working. I can see that the reason those input fields aren't showing up is because display:none is being added on to the element by the js on the second step after the breakpoint (break on attribute change in firebug). This happens on the working page as well but the working page has about 10 more steps afterwards that eventually remove that style.
Are there any good web UI component libraries -open source or commercial - that you can recomment? They need to be cross browser compatible and have good documentation. Jquery UI is very good but limited in number of controls it offers. YUI is very verbose and very hard to use. extJs only other one I can think of. Any others you use and like?
View 2 Replies View RelatedI am needing some help with an error I'm getting from a project I'm working on. First off let me preface this all with the fact that I'm a total javascript noob. I'm really trying to understand what I'm doing wrong. So any help or advice is MORE than welcome. Here's what is happening. I found this code that will duplicate a row in a table and modifiy the name of a input in the row. Well for my purposes I have two different tables I need to work with. (each one idividually) So I changed the code a bit to make it accecpt a variable to use for the table name. (before it was static) and now I'm getting a error. Error: uncaught exception: [Exception... "Component returned failure code: 0x80004003 (NS_ERROR_INVALID_POINTER)" nsresult: "0x80004003 (NS_ERROR_INVALID_POINTER)" location: "JS frame :: http://www.tourandtravelnow.com/admin/scripts/faxPageScript.js :: addRow :: line 14" data: no] This is the old code that would work (only for one of the tables)
[Code]...
I founded a error in jQuery, with my code. I can't understand the origin of this error: b is undefined
gb=/,/;R=Array.prototype.slice;var Ia=...=0,e=this.length;f<e;f++){d=b.length;
There is the two files used:
scripts.js
/**
* Lollabot JQuery
* last update: 10/09/2010
[Code].....
I can't see the requests of the forms by firebug to debug. Does anyone know if have any option or any way to do this?
View 3 Replies View RelatedWhenever firebug detects a js error on a page, it prevents you from interacting with the page, so you can't scroll, you can't click, you can't do anything except close the window.
View 3 Replies View Related