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]....
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.
ive got a <div> that im showing when a user clicks a search button. i want the <div> to appear with a position 20px from the top of the screen, regardless of whether the user has scrolled down the page or not. so it is easier for them to search.
document.getElementById('div1').style.top = window.screen..screen.Top + 20;}
My overall challenge is to make up for what I consider to be a design flaw in how Google Ad Manager works. What I am trying to accomplish is create a way for an advertiser to randomly rotate through whichever ad formats are available, rather than get locked into a particular ad slot location.
This has required several steps, most of which I've been able to work out by myself, and now I'm down to what I expect is the last big issue. Because Google Ad Manager pairs up the highest priority advertiser with the first loaded ad slot script, the most important task was to randomize the load order of the scripts. Doing this, however, necessitates pairing up those scripts with the appropriate space set aside for them on the page, more or less after the fact.
The code I'm having trouble with is the part where I try to move the node containing the active script to the its desired location and is showing just about every permutation of result except the one that I want, depending on browser.
var moveithere = document.getElementById(newmodid);
moveithere.appendChild(divinloader[i]);
moveithere.appendChild(scriptelement[i]);
Not surprisingly, IE breaks as soon as it gets to this point and nothing happens with the divinloader[i] node OR the scriptelement[i] node - I have seen some references that it's not likely to like this and perhaps some recommendations about how to handle it, so I'm not too concerned about that just yet.
Firefox doesn't throw any kind of an error, but neither does the scriptelement[i] node do anything at all, even though the divinloader[i] node migrates to where I want it. Chrome comes the closest to working - the script runs, but not in the location that I want. Although I don't expect it's been an exhaustive search, I have tried a number of other approaches and this one has seemed to get me the closest to the desired result with the simplest coding. As to what's currently acceptable coding and what's not, I won't pretend to have a clue.
To see the full code in action, what it does, what I'm trying to do and to check for errors (likely) or offer suggestions on how I could get there more easily just use the following - I've substituted simpler code so that you don't have to pull down the actual Google Ad Manager scripts but it seems to work exactly the same and shows what I'm trying to do anyway. Hopefully there aren't any unnecessary artifacts still present.
[Code]...
i want to dynamically add rows to my table body using javascript, which am able to do. but there is a problem. for ex.
three rows
1
2
3
if i delete second row
1
3
if i want to add one more row.., then it should be row 2 with number 2.
---------------------------------------------
var totChkTable = document.getElementById('TABLE');
row=totChkTable.tBodies[0].appendChild(document.createElement('<tr >'));
..
....
cell=document.createElement('td');
---------------------------------------------
In each row ther r 6 colums, so i need a way where i can append my child in b/w.
I have tried some css & html methods to place the footer at the bottom of the page no matter at which height it will be after the javascript files will run. But I cannot do it.I tried then to adjust the position of the footer dynamically after the window has loaded and the footer is placed indeed at the end of the document, but if the document gets bigger, the footer doesn't go lower.Specifically:FILE html_test.html
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[code]....
Is there a way to position a dynamically created <div> inside a specific parentNode?
For example, if in my html code I have
<div id="test"></div>
When I create my dynamic <div>, can I created it to be within the above div? Or must it always be appended to the end?
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 would like to be able to tween an image dynamically from it's current position on a mouse over event. A good example of what I want can be found here. (the nav cloud) I haven't been able to find anything on jquery or anywhere else, so here's what I've come up with so far:
[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 Relatedi,m trying to make a map who show me as position A and a target adress as point B.I have made it so i can choose adress a and adress b from a dropdown but i want to automaticly load my position as possition A then choose position B from a dropdownlist. How can i do this ?
[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
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]....
Am 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.
#navigation li is the parent element, which is positioned relative.The ul element above that is also position relative. I previously tested a click function and was able to confirm I was getting the correct position back, so now I just need to set the CSS property correctly for all of those links.The reason I want to do this is I have a set of links that appear over a photo of a city skyline. When you hover over those items, I want them to be given a background image that is a blurred and lightened version of the same photo so it needs to line up (sort of like the tabs are made of frosted glass).
View 1 Replies View RelatedAre 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 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 have found nice short tutorial here: Rounded_Corners
It works fine unless I try to move it.
I have added only one DIV over all:
Now I see that my text (white) moved but not background.
How do I properly position the whole DIV of class "roundbox" ?
I'm new to javascript and am not sure why this works in firefox and not chrome. I am trying to create a script that keeps an object fixed horizontally while bing positioned absolute vertically. if I replace the toPP variable in document.getElementById('fire').style.top = toPP; with say '50px' it will move the element down 50 pxs, but how I have it currently it doesn't do anything in chrome
<script type="text/javascript" >
window.onscroll = function()
{
if( window.XMLHttpRequest ) {
var x = 0 -document.documentElement.scrollTop;
var toP = String(x);
var toPP = toP + "px";
[Code]...
I am using the Collapsible Checkbox Tree jquery Plugin.For that I have inserted this linein the javascrypt code:
When I make a list in the HTML code using the <ul id="example"> works perfectly.
But when I tried to make the list dynamically calling a JSON file, does not works fine.
If I insert theready(fn) mentioned above inside the javascrypt function that create dynamically the element<ul >as is shown next:
Improves a little bit, but still does not work fine. Specifically does not show the plus and minus sign, then I can not open or collapse it.
I tried also with thecheckboxtree pluginand I encountered the same problem.
I 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]...