CSS or Javascript?

Hi,
I have two pages. Page 1 image rollovers on the left of the
page are designed using CSS, and Page 2 the rollovers use
Javascript swap image behavior. When I looked at the CSS rollovers
on another computer I felt like there was a lag on the loading of
the rollover image. Sometimes the image wouldn't load for 5-8
seconds. I have not checked the page using the swap image on
another computer. Could someone please check the two pages, and see
if there indeed is a noticeable difference between the two, or do I
just need to further optimize the images?
Page 1 CSS:
http://sfrcreations.com/index.html
Page 2 Javascript:
http://sfrcreations.com/test.html
Thanks!

So do javascript rollovers.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"LazyMoon" <[email protected]> wrote in message
news:eeaigo$83u$[email protected]..
>I personally receive a lag when viewing the Javascript
page instead of the
>CSS page.
>
> I recommend you stay with the CSS rollovers as it
complies with web
> standards.

Similar Messages

Using CSS and Javascript to display a div with flash in it, mozilla reloads the flash file!

I am using CSS and Javascript to display a div with an
embedded flash object in it. Mozilla Firefox reloads the flash file
when the div is displayed! (I dont want this to happen, as it's
unexpected functionality, my expectation would be that the flash
file would not change it's state at all, and would remain in
whatever state it was left in.)
I was wondering if anyone has come across this issue and is
there something I can do to prevent this from occurring?
To be more specific, I have a single HTML page with 8 flash
files embedded in it (yeah I know, it's a bit much). I am then
using CSS and Javascript to display (via a numbered link (with an
id)) an equivalent numbered div tag containing the flash file.
Mozilla Firefox reloads the flash object that is in the div.
Internet Explorer will not do this and will instead, load the flash
object only upon initial view of the flash object. All subsequent
links (in IE) will NOT reload the flash object on the page. I'm
guessing this is some kind of difference in the flash player as an
Active X object and the plugin, or is it just IE being clever? Or
am I way off?
Anyway, here is the code...

I am using CSS and Javascript to display a div with an
embedded flash object in it. Mozilla Firefox reloads the flash file
when the div is displayed! (I dont want this to happen, as it's
unexpected functionality, my expectation would be that the flash
file would not change it's state at all, and would remain in
whatever state it was left in.)
I was wondering if anyone has come across this issue and is
there something I can do to prevent this from occurring?
To be more specific, I have a single HTML page with 8 flash
files embedded in it (yeah I know, it's a bit much). I am then
using CSS and Javascript to display (via a numbered link (with an
id)) an equivalent numbered div tag containing the flash file.
Mozilla Firefox reloads the flash object that is in the div.
Internet Explorer will not do this and will instead, load the flash
object only upon initial view of the flash object. All subsequent
links (in IE) will NOT reload the flash object on the page. I'm
guessing this is some kind of difference in the flash player as an
Active X object and the plugin, or is it just IE being clever? Or
am I way off?
Anyway, here is the code...

Filting html tags, css, and javascript with regex

hi everyone,
im writing a small application where a user types in a url, and the text of the webpage is displayed in a text area.
ive got it to work, however it takes some time, and also alot of content i dont want is displayed - tags, scripts and sometimes css.
initally i filtered out the html tags with a regular expression, but i still get alot of unwanted content.
im not a confident java programmer, and the idea of parsing html, css and javascript is the scariest idea ever to me, so my next idea is to keep only everything between the <body> tags - everything above and below it is deleted - hopefully that should leave me only with the visible content on the site.
ive messed around with regular expressions but i cant get it to work, can anyone help out?
thanks alot,
Torre

Darryl.Burke wrote:
I tried out the regexes I posted on the source of a forum page, which is not valid html (contains two each opening and closing body tags). With a bit of trial and error I was able to remove everything upto the first, and not the second, opening tag by using a reluctant qualifier, ^.*?, but couldn't for the life of me achieve removal of only the last closing tag, leaving the other, invalid one intact. How would you do that?Regexes always try to match the first occurrence of whatever they're looking for (the sentinel), and there's no way to change that behavior (but it would be handy if you could). What you have to do instead is make sure the rest of the regex can't match the sentinel. For that you need lookahead, and the simplest way to use it is to scan the rest of the text looking for the sentinel and, if it doesn't find one, go ahead and gobble up the remaining text: "(?is)</body>(?!.*</body).*$" However, if there are many occurrences of the sentinel, you could take a serious performance hit. Here's a much more efficient way: "(?is)</body>(?:[^<]++|<(?!/body>))*+$" After matching the sentinel, this regex gobbles up anything that's not the first character of the sentinel, or the first character as long as it isn't followed by the remaining characters of the sentinel. The advantages of this regex are that it never has to backtrack, and the lookahead is only applied when it's necessary, where the first regex applies it every time.

Css v javascript

both css and JavaScript can hide or show an element
if they conflict which one dominates?

Javascript is a client-side language. So CSS will always load first because Javascript typically requires user interaction. However, if you have an element set to hide and a javascript saying to show it will depend on the order of execution like any other programming.

CSS and JavaScript support in OHJ

Hello,
We're considering switching to OHJ for our cross-browser/cross-platform docs, but have concerns over the level of CSS and JavaScript support in OHJ.
Concerning CSS, the online docs mention support for "Cascading Style Sheets (CSS) 1 and most of CSS 2". Is there a resource that specifically lists what isn't supported from CSS 2?
Concerning JavaScript, is it currently supported? Some of the web references I've seen say that it's not currently supported (http://helponline.oracle.com/ohguide/help/state/content/vtTopicId./navSetId.blafdoc/vtTopicFile.blafdoc%7Cusing_browvers~html/navId.3/).
Thanks,
Mike

Hi Mike,
OHJ uses the ICE Browser, which we license from a company named ICESoft. It generally compares favorably with other Java-based browsers, although it is not as complete as a native browser such as IE or Firefox.
There is a list of what is and is not supported in CSS:
http://www.icesoft.com/developer_guides/icebrowser/htmlguide/featuresappendix3.html#86328
We recently finally resolved the licensing issues that were holding us back from releasing a version of OHJ with JavaScript support. The current versions don't support JavaScript, but our next major release will.
Depending on your needs, we also have OHW, which is a server based help system, that uses the client's native browser.
Regards,
Jeffrey Stephenson
Oracle

Css and javascript getting called twice in publish mode

Hi all,
We are facing an issue only on publish environment that our css and javascripts are loaded twice on publish.
On author it works fine.
Can someone give some clue?
Regards,
Shallu

Sallu,
Can you delete /var/classes and /var/clientlibs and try again ? Is it happening on all publish instance or few of them ?
Yogesh

Safari not rendering CSS and javascript correctly

There seems to be a bug in Safari when dealing with CSS display property and javascript.
I've created a form that hides certain fields when the right circumstances are met, those fields become visible. However, when they become visible, through the use of javascript, they don't display in the flow of the document. For example:
[field 1]
[field 2]
[field 3]
Assume that [field 2] is hidden on initial page load. And when [field 1] is clicked, then [field 2] should appear and it should appear after [field 1]. Safari, however, displays [field 2] above [field 1] and strips it of any styles. I spent 2 hours trying to figure out what I was doing wrong, but it turns out I wasn't doing anything wrong. It's Safari that can't render this correctly because when I test it in Firefox it works fine. Just as I expected it to. I hope this gets fixed in the next update.
If anyone has any explanation or solutions or reasons for this peculiar anomaly please tell me.

If you have not done so already, make sure you also tell Apple by using the Bug Reporting item in the Safari menu.

How to change CSS if Javascript disabled. Please help.

Hi all,
So my pursuit for accessible and good looking pages
continues.....
I am working on a new website: XHTML, external CSS, PHP
driven.
I decided to use the nice Project Seven vertical scroll menu
for a looping newsbox. Works great with Javascript enabled and
opens as it should with Javascript disabled. However, I have the
scroll menu inside a div called "newsbox", which resides inside a
floated div. This of course causes the content to extend beyond the
main container.
Now to fix this issue what I would like to do is have the
Project Seven menu display when Javascript is enabled and when
Javascript is disabled I want to change the CSS of "newsbox" to
'overflow: scroll' so that the box still displays as a scroll box.
(This would keep my current design looking nice.)
I've looked at many solutions online but I need for it to
validate in XHTML.
All I want to be able to do is change that one line of CSS
for the "newsbox" div if Javascript is disabled.
I know this isn't really Dreamweaver related but I was hoping
someone might have a simple fix for this.
Any help or links to relevant online tutorials greatly
appreciated!
Thanks,
Rachelle

"Rockyjd" <[email protected]> wrote in
message
news:gi8r8o$olm$[email protected]..
> Hi Thierry,
>
> Yes, your suggestion is exactly the route I'm trying to
take. My problem
> is
> I'm a complete ignoramus when it comes to Javascript!
> So this is my current CSS for the div that contains my
scrolling menu:
>
> #newsbox {
> background-color: #FFF;
> height: 305px;
> width: 300px;
> position: relative;
> visibility: visible;
> z-index: auto;
> left: 0px;
> top: 0px;
> margin-bottom: 5px;
> margin-top: 1px;
> overflow: scroll;
> }
> I've set the default value as 'overflow:scroll' and when
Javascript is
> enabled
> I want it to change to 'overflow:hidden' (so those ugly
blue scroll bars
> disappear and my nice Javascript scroll menu then takes
over.)
>
> So would I write the Javascript as follows?
>
>
document.getElementById('newsbox').style.overflow='hidden';
>
> And then my next question is: where do I put this
declaration? In the
> <head>?
> In the external CSS file? If it's in the <head>
should it be in <script>
> tags
> or preceded by something to make it work?
> Sorry for all the questions but I was trying to add the
Javascript
> yesterday
> and it wasn't working so I am definitely doing something
wrong.
> As I said I'm a Javascript dunce so any and all help is
greatly
> appreciated!
Hi Rachelle
Yes it should be inside a script element in head, but you
can't call it
before "newsbox" is available. You'd need to call it onload
or move the
snippet in the code, after "newsbox".
Thierry | Adobe Community Expert | Articles and Tutorials ::
http://www.TJKDesign.com/go/?0
Spry Widgets |
http://labs.adobe.com/technologies/spry/samples/
[click on
"Widgets"]
Spry Menu Bar samples |
http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html

Uploading CSS and Javascript

I have created a custom stylesheet and also some additional javascript functions which I have uploaded to the server.
Whenever I make changes to these documents, the changes don't seem to appear for some time when I run a web template that uses them.
Is there something that I need to do to force the updated versions to be used?
I have tried deleting the cache in the WAD, but this has not helped.
Any assistance on this would be appreciated.
Regards
Richard

Richard -
Try transaction smicm
Once there, navigate to <i>Goto ==> HTTP Server Cache ==> Invalidate ==> Global in System</i>
This should do the trick. If not, your browser might be caching the css/js file. If this is the case, do a hard refresh ( <CTRL> + F5 in Internet Explorer )

Using css into javascript preloader

i need a code in javascript that loads an image and gives it a css style, so i wrote this code:
function resizeGame() {
     var imageObj = new Image();
     imageObj.onload = function () {
          var sty3 = "content:url(1.jpg); width:100%; position:relative; z-index:-100;"
          var obj2 = document.getElementById("sfondo");
          obj2.setAttribute("style", sty3);
imageObj.src = '1.jpg';
The code works, but i want to know if it really preloads my image correctly, i'm not so sure... thaks a lot
Francesco

This a User 2 User forum for Acrobat JavaScript not web page JavaScript.

Css and javascript in text item

I've read in other threads that you can add javascript and css into simple text items by clicking the 'View HTML Source' checkbox and adding the js and css.
When I do this then apply it the code that I have added disappears and therefore has no effect on the item.
Any ideas what I'm doing wrong?
Cheers,
Steven.

Hi
This depends on ur needs
WHEN-NEW-FORM-INSTANCE > if u want to appear it on the very begining moment
--=============
u can use
WHEN-VALIDATE-ITEM > on ur date fields
Here is a link that may help u decide where to take off with this code...
http://www.dotnetspider.com/resources/22433-Triggers.aspx
http://www.slideshare.net/magupta26/oracle-forms-tutorial
Hope this helps ,
Regards,
Abdetu...

How reset the FF default zoom from 120% to 100% with CSS or javascript tips ?

Hi,
I webdesigner/frontend developper.
I make responsive website.
I m working on W7 with Chromium but I want to come back to Firefox for my default web browser.
BUT... with a default installation of W7 and FF, I see my websites with a default level zoom (120%). So two BIG problem :
- images are pixelated
- responsive breakpoints are false (1280 breakpoint with hover effect become 1024 - tablet lanscape - without hover effect).
See example : http://caleis.fr/FFzoom.jpg
I want to resolve this problem for all users visit my websites, without FF addon or other FF settings.
Do you have an answer with CSS for example ?
Thanks.

Sorry but I'm looking for a solution for all user, not with any plugin.
Ideally :
body {
-moz-zoom:1;
But this prefix do not exist.
Or with text-adjust CSS arrtibute...

Uploading custom CSS/Boostrap/Javascript

Hey Guys,
This is my first time using Eloqua, and I am having an issue with being able to use my own CSS. I have my landing page linked to css files that are hosted on a server. Mind you they are not on a secured server. All of my script tags are within <script>--Code--</script> and in the head section, but Eloqua eliminates then on save and preview. It also removes http:// from my css file paths on my server. In short how would I go about uploading a custom landing page I fully built locally on my machine. Is there a specific way I have to go about uploading the files and placing them? All help is appreciated. Is it possible to link the Jquery library?
Clif

Richard -
Try transaction smicm
Once there, navigate to <i>Goto ==> HTTP Server Cache ==> Invalidate ==> Global in System</i>
This should do the trick. If not, your browser might be caching the css/js file. If this is the case, do a hard refresh ( <CTRL> + F5 in Internet Explorer )

How can i set page zoom level using css and javascript in firefox.

i have problem to set zoom level in firefox.
document.body.style.zoom = 150%; is worked in IE and Crome but not working in firefox so pls. i want to know a alise property that are provide a same functionality to me.

Currently there is now way of retaining zoom level across pages in Single Page Mode. We have noted down your request and this might get implemented in one of our future releases. Thanks for the feedback.
- Adobe Reader Team

How to include external javascript and css resources to a jsf?

I need to include external css and javascript files to my jsf page. Using the code below does not work because all the styles on the css page are ignored and the functions within the js files are not executed.
<link rel="stylesheet" type="text/css" href="/resources/styles/style.css" />
<script language="JavaScript" src="/resources/javascript/util.js"></script>When I try to execute any js function within a script tag on a jsf page I get an object expected error.
I googled about my problem and found this piece of code for importing styles for an external css.
<style type="text/css">
@import url("/resources/styles/style.css");
</style>How could I add an external javascript file to my jsf?

Used the relative urls in my first post as well as these, and both were not working.
<link rel="stylesheet" type="text/css" href="./resources/styles/style.css" />
<script language="JavaScript" src="./resources/javascript/util.js"></script>The ./ tells that the external file can be found by starting at the current directory and working down the path to the specified file. This is my directory structure. Index.jsf is the file that references the external js and css files.
-Webcontent
|_index.jsf
|_resources
|__styles
| |__style.css
|__javascript
|__util.js
Either way I still can't reference the files that I need. Calling a javascript function results in an object expected error, and the styles are ignored.
If I include the js file directly in the jsf then I can get it to work. I don't want to do this because I have created a handful of seperate js files, and do not want to include all of them in one page. I am using myfaces and tomahawk if that helps.

CSS or Javascript?

Similar Messages

Maybe you are looking for