find the attached html that i am working on. this has 3 columns and the 3rd column is 'Show Comments' link. when I hover the link it should display the html page on top my existing page like a tooltip.
For Example: In this forum, when hovered on each topic, the topic description is displayed as tool-tip.
I need to make a layer drag able in my html page. Please any one give me a tutorial for doing that
View 1 Replies View RelatedDoes anyone know this frame layer pop up because I found it the other day but forgot the google keywords I used to find it. Now I cannot find it anymore to save my life but need it
View 3 Replies View RelatedI have an html page that uses javascript to open a new window and
display a file that gets created when a button is pressed.
My problem is when the file is changed and the display button is
pressed, the old file is still displaying. I have tried using
<META HTTP-EQUIV=expires CONTENT=0><META HTTP-EQUIV=PRAGMA CONTENT=NO-CACHE>, but doesn't work 100% of the time.
How can I open a zoom image layer on mouse over, similar to [url].... Screen shot attached.
View 1 Replies View RelatedIn order to make my site scalable (down to 1024x768), I need four layers to vertically scroll so that their contents doesn't force the main page to scroll. However, on higher resolutions, there'll be more space below the layers which means I don't necessarily want the layers to scroll if there's enough space to fit the text in.
I've tried CSS - I had to specify a height of 250px (the most I can use before main-page-scrolling takes effect in 1024x768) and set overflow: auto. The problem with this is that this is static formatting - no matter what resolution I use, the layers are always going to scroll because the height has been set to 250px.
So I was wondering if there's a way, either a CSS property/function (or maybe this can only be done in java script) - to make the layers scroll only if there's a risk of the main page scrolling?Or do I need to attack this with a crowbar and have a separate style sheet for every single resolution where I specify the height of the layers for each one?
I have created a site search for my website and would like to display the results of my search in a pre-made html page, specifically a <div> object in this document. Is it possible to open the premade page and add text to the <div> object using javascript?
View 1 Replies View RelatedThis is sort of a design/javascript question. It involves CSS
rendering in dynamic areas of a page using IE.
E 6 & 7
HI There, We've created some example static html pages (using CSS)
that look great in IE. We are now converting these into dynamic pages
that use javascript to dynamically update certain areas of the page.
After the conversion the dynamic areas of the page do not render the
CSS styles (the styles are not displaying correctly). This only
happens in IE. The styles display correctly for other browsers
(firefox).
I am using the javascript DOM to update the dynamic areas of the site.
For example when creating a <atag that needs attribute
class=over....I add the following code.
linktag = document.createElement("a");
linktag.setAttribute("href",pathName);
linktag.setAttribute("class","over");
it's the class=over that is not rendering when the page is updated.
Has anyone seen this?
I need to be able to search through an xml located on my local machine with an html page. Here's the thing: this whole system (html files, xml file) will always be on my local machine. Because it's a class project it won't be on a server. So here's the scenario: I navigate to where my files are located (say C:) and I double click my index.html page and this page opens in my browser and from this page I need to be able to search my xml file which is at the same location. I've tried xmlhttprequest and it won't open the xml file I'm guessing because I don't need an http request.
Here's what I have so far:
if (window.XMLHttpRequest) {
xmlhttp=new XMLHttpRequest();
} else {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
} xmlhttp.open("GET","C:MovieDB.xml",false);
xmlhttp.send(); xmlDoc=xmlhttp.responseXML;
function searchDB() {
if(!xmlDoc){
alert("error")
} var keyword = $('#txtBox').val();
var searchVal = $('#basicCategory :selected').text();
var allitems = xmlDoc.getElementsByTagName("Movie");
for(var i=0;i<allitems.length;i++){
alert(allitems[i].getElementsByTagName(searchVal[0].
childNodes[0].nodeValue);
} }
The code doesn't make it past the xmlhttp.send() line.
All I need to do is; on the click of a button, import the numerical
data in an html form (only one field) to a cell in a spreadsheet. Both
spreadsheet and the html file reside on the same server but there are
no dynamic capabilities. All I can use is html pages + javascript (or
anything else which do not require any special programs to be installed
on the server). Is this at all possible?
I am trying to open some SWF videos from an HTML page. When the user clicks the link, I would like to have the videos open in a transparent window (not a separate browser wndow).
I have figured out how to embed the files and have them open in a transparent window as soon as you load/refresh the page but I want to open the SWF using a link.
Layer writing in Netscape. This is pretty straightforward >> However I'm trying to write to a <div> layer within a <div> layer.
My div:
Code:
<div id="blah">
<div id="aight">
</div>
</div>
I'm trying to write to "aight"
How should my code look?
I'm having a problem with .attr(). I will explain it whith code.I have this HTML code:
<p id="textoMarca0" onmouseover="muestraDialog('textoMarca0');">
this is an example paragraph
</p>
[code]....
So now the onmouseover has again its value [the original one, copied by doing an alert($("#"+elem+i).attr('onmouseover')) when i disable the onmouseover event], but it doesn't work
I have created a floating layer using Javascript that remains always on top of page on scrolling.Issue is,at some point while scrolling,the layer flickers continuously.
The html page is as follows:
Many common software systems, JavaScript has a history of security problems. Many of these problems could allow a person with malevolent intent to steal sensitive information from a visitor. The number and type of such holes in security vary among browsers and operating system versions. Most JavaScript security holes have been caught and fixed, but new ones are being discovered all the time. For a list of current security holes check out your browser's and operating system's Web pages. As a Web site author, it is your responsibility to keep up-to-date on the current status of known security holes in the applications you create.
Signing Scripts. In Chapter 11, I explained that JavaScript does not provide the ability to directly access files on the client computer. This can be a very large hurdle to overcome if you're trying to upload a file to a server from the client computer. Fortunately, file uploading is one of many functional enhancements that signed scripts provide. Signed scripts are specially packaged scripts that have been verified and signed to be correct and non-threatening. These scripts have additional rights on the client computer that allow a programmer to do many things that he wouldn't otherwise be able to.
With the introduction of Netscape 4.0, a new security model was put in place that would allow digitally signed scripts to bypass some of the restrictions that had previously been placed on them. A signed script can request expanded privileges from the visitor and, with the visitor's permission, gain access to restricted data. A signed script requests these additional permissions through LiveConnect, which allows your JavaScript code to communicate with the Java Capabilities API. The security model allows JavaScript to access certain classes in Java in order to extend its functionality while still maintaining tight security for the client.
A digital signature is a fingerprint of the original programmer, and it allows the security model of the browser to detect where (or from whom) it originated. A script signer can be a person or an organization. By signing a script, you acknowledge yourself as the author and accept responsibility for the program's actions. A signed script contains a cryptographic checksum, which is just a special value that ensures the signed script has not been changed. When a digital signature is detected, you are assured that the code has not been tampered with since the programmer signed it.
Once you finish writing a script, you can use the Netscape Signing Tool to digitally sign it. Signing a script does the following:
Unambiguously assigns ownership of the script to a person or organization.
Allows an HTML page to use multiple signed scripts.
Places the signed script into a Java Archive (JAR) file.
Places the source of the script in the JAR file.
Once a user confirms the origin of the script and is assured that it has not been tampered with since its signing, he or she can then decide whether to grant the privileges requested by the script based on the validated identity of the certificate owner and validated integrity of the script.
JAVASCRIPT FILE IS AS FOLLOWS:
AND CSS FILE IS AS FOLLOWS:
At some point while scrolling,the div 'movable' flickers continuously,while at some other point,it is perfectly stable.
Which is considered best practice?
<div onmouseover="doThis();">
myDiv.onmouseover = doThis;
myDiv.addEventListener("mouseover",doThis,false);
...or something else?
I have an image on a web page within a css layer:
<DIV ID=MyLayer
STYLE = "position: absolute;top:68px; left:563px;
width:640px;height:480px;">
<IMG src="ReportImageBox_12.54.52.png" width=640 height=480></IMG>
</DIV>
I need that the parts of this layer which have a certain color
(for instance "white") be rendered transparent.
My question. Is it possible to have a simple javascript function
to incorporate in the web page which does this?
I have a link on my homepage that when clicked I would like it to go to page2.html and show a particular hidden layer.
This is what I have on the homepage:
<a href="page2.html?onClick="MM_showHideLayers('layer1','','show','layer2','',' hide','layer3','','hide')">layer3</a>
I don't have a clue how to pass javascript to another page. Does this involved sending a script through the browser.
This isn't working either
<a href="page2.html?javascript:show_div('layer1');">
I'm wondering if it's possible to have a location link and layer function assigned to a link at the same time. I can't get this to work:
<a href="http://www.domain.com" onClick="return layershow()">CLICKHERE</a>
I want to open the page specified by the href and call the layershow function at the same time. The above code runs the function fine, but seems to ignore the href.
How can I get it to do both?
I'm trying to get the pic to change when the mouse rolls over the button. I used this template of code and it works:
Code:
<A HREF=""
onMouseOver="document.pic1.src='menu1on.gif'"
onMouseOut="document.pic1.src='menu1off.gif'">
<IMG SRC="menu1off.gif" BORDER=0 NAME="pic1">
</a>
The problem occurs when I attempt to change a *second button* to have two buttons change on the same page. Here is how the code for two buttons looks side by side while it works:
Code:
<a href="development.html">
<img height="20" src="hXXp:\mywebsite.com/SIDE4H.png" style="border-width: 0px; margin-top: 2px; margin-bottom: 2px" width="185" /></a><br />
<a href="exhibitions.html">
[Code]...
A friend of mine is looking to have a mouseover of a link in the left frame trigger a certain page on the right frame. Is this possible?
View 2 Replies View RelatedI'm working on a site which lists a group of products and when you click on an "expand" button it loads the rest of the product details and displays the rest of the product information directly below the div that was expanded.Each product summary has a div with the id of "#moreinfo" that expands to show the product details. The link that causes the expansion is this one: ".product5 .moreinfo a".However, only the first div expands when I click any of the products. It does display the correct product info, but always after the first product.My jquery is below. How can I make it expand the correct '#moreinfo div'
$(document).ready(function() {
var hash = window.location.hash.substr(1);
var href = $('.product5 .moreinfo a').each(function(){
[code]....
I need to have a simple text input field on a html page. It needs the users to type in either:
And depending on whats entered this will then take them to the corresponding:
Is this possible with javascript?
Basically I have site that uses iframes to load its content. In one of the frames I have an html page that contains an image, and when you mouse over the image it is supposed to fade up a little description box. Naturally when you move the mouse away, the box disappears. I have a javascript function that fades the image up and down, and it's activated via an onmouseover event that is attached to a div that contains no content, but lays over the image to define the triggering area.
I use Dreamweaver to preview my pages while they are stored on my computer, and everything works beautifully. However, once I upload the page to my site, that functionality disappears completely. Code:
I tried to add links to open local xml files in browser in a dynamic table cells. I need help. I tried all ways but I think I miss something.I can open them without table just by document.write(xmlfile location).
function showResultsTable(searched, srchedname) {
// get the reference for the body
var mybody = document.getElementsByTagName("body")[0];
[code]....
I am writing a web page that accesses Mysql database data through PHP then dynamically displayes the Mysql data when the user mouses over different parts of an imagemap. I use Javascript OnLoad function to load the Mysql data into the header and then I use the Onmouseover function to change the display dynamically.
Here is my question; when I mouse-over a part of an image the data in my side bar changes (exactly what I want) but I can't seem to make the data linkable. For example, when a user mouse-overs a certain part of the image, on the side bar it displays the companies web adr. How do I make that data a link? On the initial load the default data displayed is linkable but because I use <div> </div> to change the data dynamically, I loose the likability.
I need a script that can open an external page, or some type of content, in a box. This is kind of hard to explain, but here's what I mean, go to facepunch . com (I'm not a spambot dammit) and click on that litte face at the top.
View 1 Replies View Related