Been on the lookout for a DHTML tool top style layer popup script that follows the mouse around the screen. I'd seen iton a page last week and someone asked me about it today and I couldnt find it (Google / DynamicDrive etc).
View 2 RepliesI have developed a very nice javascript-based navigation structure. My
customer wants to have a flash film on his very first site which
already has to have this navigation.
And now the effect: Whenever the flash film is running, the navigation
submenus are not displayed ABOVE this flash film, but BEHIND it.
As far as I have tried, there is no way to influence this behaviour
with the "z-index" and different values.
Is there any other way to make the navigation submenu seen or - in
other words - is there a way to put the flash film "a layer back"?
I have a word bank for a javascript crossword puzzle I'm working on. What I
want to do is when a user clicks on a word in the word bank, it crosses
itself out. I have tried:
<a href="javascript:this.style.textDecorationLineThrough">text here</a>
to no avail. does anyone have an idea on how to do this?
my goal is to have tooltips with the script 'coda' from here But I have separated trigger et popup like that :
<div class="bubble_trigger">
<a href="javascript:void(favoris()); " class="trigger" title="Ajouter cette page dans vos favoris" ><img src="./banniere/icone/favorite.png" alt="Favoris" width="22" height="22" />
[code]....
I'm trying to create a popup using DHTML (absolutely positioned DIV). The problem is when I use innerHTML to put the image inside my popup, in IE 6 the image usually doesn't show. Sometimes it does after trying the same popup multiple times, but most often the popup shows up blank, and I have to right-click the image and then select "Show Image" to actually display the image. This only happens in IE6, it works fine in IE7 or any other browser. Do you guys know of any trick that I'm missing here? You can see what I mean here: Code:
View 2 Replies View RelatedI'm trying to create a control which when the mouse button gets
pressed on one div an absolute positioned div pops up in
place of the cursor. From there the cursor should interact with
the dialog before the mouse button is released. In other words
one element will catch onmousedown, display the popup, and
the popup element will catch onmouseup. This works fine in
IE as the popup automatically accepts following events,
but my problem is in Firefox.
In Firefox everything behind the popup
still receive events even though they can't be seen
(hidden by the popup). I have to release the mouse button and then
click on the popup again before it accepts the onmouseup event.
I also used a different cursor on the popup to see if Firefox
recognized it was there at all. Still the cursor doesn't change
until I release themouse button and move the cursor across
the popup element.
I've tried focus/blur, timeout delays, hiding the first element
(the one which receives onmousedown) but nothing works.
The only thing that works is hiding the entire body and then
using setTimeout to show the entire body again 1ms later.
Obviously though that is very ugly.
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 need to know where and how to put the script that when the window opens I can set the size, scrollbar, etc.
View 4 Replies View RelatedI have a few hundred popups that I am trying to change to a "lightbox" style solution:
The new colorbox popup solution works well, but in some browsers - notably IE - it conflicts with the SIDE MENU routine I use.
I think the menu is old code, but it works. However, to get the new "lightbox-style" popup to work in IE, I have to include <!DOCTYPE html>.
In the other browsers, omitting the declaration apparently solves the conflict problem (but I feel it ought to be there).
I really don't know what to do. Tinker with the side menu code?
Here is a demo with the <!DOCTYPE html> declaration: [url]...and without it: [url]
I have tried with a full declaration but it makes no difference at all. And further reading online suggests <!DOCTYPE html> is OK.
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.
I'm trying to design my own color-picker pallette (like Photoshop or something) for use on my website (I'm not pleased with any of the ones out there already), but I can't figure out how to make the pallette close if I click anywhere on the document except on the pallette.
The pallette "pops up" (I'm actually just changing the display of a div holding a color table from 'none' to 'block') when the user clicks on an icon of a pallette. They can mouseover the colors to see their hex code and a sample, and clicking on a color chooses it, makes the necessary changes on the page, and closes the pallette. However, I would appreciate some help with getting the pallete to close (change the display from 'block' to 'none' again) when the user clicks on the document outside of the pallette.
My understanding had been that $.css("width") would return the original user selected style, eg "100%" or "10em", and $.width() returned the computed width, always in "px". Not so, following the code through for .css(), it calls something called getComputedStyle and the only difference between the two functions turns out to be a post-fix of "px" on the .css() result - not very useful. I need to know whether my user has called me with a proportional dimension, or a fixed one. How to tell with jQuery?
View 1 Replies View RelatedI have built a website and I wish to hide my code between "style type="text/css">....</style>
Is there a way to hide the code between it?
This is probably quite a simple problem but I can't figure out the answer. I'm working on a site that has news stories and events coming in. What I would like is to have the news stories to be styled with squares and events with discs for instance. I might be able to change the actual plug-in so the CSS affects this change, but I just wondered how I could change the list-style-type with jQuery.
[Code]...
Anyone know where to get a Tool Tips javascript that will pop up a little
box when hovered for words that needs more explanation. I'm using Front Page
BTW.
Using IE6 on Win2000, I went to the tooltips demo. Try resizing the browser so that the tipped phrase "lorem ipsum" in the first para is close to the right hand edge, then when you mouse the phrase, to stay in the window, the tip box resizes itself to be several rows high. This means it projects down over the phrase that it popped up from.
If in doing so, the tip finds itself under the mouse, it promptly closes.
Then the mouse is again over the words, so the tip reappears, but the
tip is under the mouse, so it closes, etc, etc, etc.
Have anyone tried this web scraping tool? I think is relatively new but I have no idea how to use it. Apparently it has some JavaScript support.
View 1 Replies View Relatedif I have an html page that uses the <style> or a <link> to call a style sheet these properties aren't available to JavaScript is there a good way to access them? eg
<html>
<head>
<title>expandable text area</title>
<style type="text/css">
[Code]....
Is there any IDE supporting javascript debugging?
View 2 Replies View RelatedAre there any auto-code-generating tools available to generate JavaScript (equivalent to Frontpage for HTML)?
View 2 Replies View RelatedI there any good javascript formatter tool? (format javascript accurately, etc).
View 3 Replies View RelatedI am working on a project and in that I have to create:
Image-map tooltip (Mouseover) + Model window (On Click)
Is there any free tool available on the Internet to minify the JavaScript & CSS, if yes then pls share with us in the forum.
View 3 Replies View RelatedI need a way to open a new window with no tool bar on top. What code should I use to do this?
View 3 Replies View RelatedI am interested in creating a tool for other webmasters to place on their website. Basically, I want it to be like a random quote generator, so that every time their page is viewed a random quote will be shown. I can do this using PHP and MySQL, but it works much better for using just on my own website than for providing to others. Does anyone know of a tutorial that can explain this process by using javascript?
View 4 Replies View Relatedwould like to know a tool that could give me a clue on where is the error in a greasemonkey script that i'm working on. I'm using notepad, what tool could "run" the script and tell me where is the error?
View 4 Replies View Related