I'm having an issue with a problem with Javascript on my website. Please note I didn't create the javascript someone else did a long time ago and I'm using it with their permission and they are no longer on the internet or in webpage ways.
The basic problem is that these pages work just fine in IE6 and IE7 but with Firefox 1 and 2 they work but not as they are suppose to. Code:
I have a <img scr="mypic.jpg"in my html. I would like to display the
image by width=200 if the image width is larger than 200. I also would
like to display the image by its real width if the image width is
smaller than 200. How can I do it?
I've written a small javascript library to help automate Ajax requests
and the like. One of the things I want the library to do is display a
"Please wait" indicator in the upper right hand corner of the viewport
while requests are processing.
What I do is append a div element to the document body, set it's
position to fixed and set the top and right to 0. This works great in
Firefox and Opera, but not in IE.
var processing = document.createElement('div');
processing.appendChild(document.createTextNode('Pr ocessing...');
processing.style.position = 'fixed'
processing.style.top = 0;
processing.style.right = 0;
document.body.appendChild(processing);
In IE this element displays in it's normal position (at the bottom of
the page) as though it has a position: relative or position: static.
I've seen tricks using css and things like height: 100% and overflow-
yL auto, but these never seem to work when I try them
programmatically. And because I may want to distribute this, I don't
want to require that the end user go through any gyrations for ths to
work.
I have a div with headers. Of course, when there are too many rows, you have to scroll and lose the headers of the form. How can I accomplished "fixed headers?" so that they're always visible?
View 7 Replies View RelatedAnyone know how to make an svg circle radius fixed (i.e. not affected
by transforms)? I tried adding px or cm, e.g. r=ཋpx' but it just
generates an error.
what im trying to do is get a paragraph tag to display like a textbox
but put links in there which can be clicked on. (so a textbox wont
work). i want each <pto have the same length (regardless of link
length) so they line up ok when placed in rows.
is this possible?
here is my styling so far of the <p:
style='padding:none;margin:0; display:inline; width:100px;'
this gets the p on the same line as the other stuff (which i want) but
can get the width to work?!
First off by let me stating that I am not a great web devloper nor am I a good with css / javascript. I am creating this website for a friend of mines company and I have one problem.The problem is that the navigation menu on the right side will not remain fixed how i want it to be. I spoke with many people and they all said that this cannot be done with css considering your layout and because it needs to dodge the headers and the footer. I basically want this div (sidenav on the right) to scroll along the page as users scroll up or down but it can not interfere with the header or footer. I do not want the right side navigation to go over the content or out of the wrapper. I want it to stay in the same position in all aspects - left / right / top / bottom. Here is a link to the site [URL].
View 2 Replies View RelatedI only have a table that is a fixed height within which to place a menu of links.
There are more lines of links than will fit in the table. So i need to have ascroll bar on the right within the table to access the rest of the links.
I have played with code for drop down menus and opening in frames etc, with no real problem, but in this instance i have to display them in a fixed size table, can anyone point me in the right direction.
I have a "Roaming Companion" on my sites index page (www.studylinks.org - look for the red R) and I would like to fix its size and disable the expand and maximize functions. I assume it's in the Java rather than the HTML or CSS but do tell me if i'm wrong.I'm new to the forum so please forgive any posting/etiquette errors on my part. Javascript Document
function doPopups() {
if (!document.getElementsByTagName) return false;
var links=document.getElementsByTagName("a");
[code]....
I'm using this script above the </body> tag in a CC instead of using IE expressions to fake position fixed in IE 6.
Code JavaScript:
<script type="text/javascript">
window.onscroll = fixedIE;
[code]....
I just thought this might require some javascript, so I posted this here. Anyway, how do I create an element that is absolutely positioned first, and then, when it goes to the top of the page, it becomes fixed?
View 13 Replies View RelatedI am trying to have a sidebar that has a fixed position so it scrolls with the page, but can be hidden (toggled) like this: only on the right side of the pageI am going nuts trying to figure this out: I've tried dozens of scripts but everyone has problems working together
View 1 Replies View RelatedI'm having a problem with css positions !! i want the position of an image to be fixed when the user scrolls till some point and the position should be set to relative after that
View 9 Replies View RelatedI'm designing a one page portfolio site. I was able to make this work when I redid it last year but I'm having problems again. I have a fixed header with the content scrolling underneath it. I want the user to be able to click a link and it eases to that point. I got this script from web designers wall. I am such a novice with jquery I don't know where to begin to make this work. I'm not sure how to call from the link in the header to the element on the page. The thing is, inside the contain div underneath the header I have split it into two columns and i've had to rename the divs, I don't know if this is what is causing the problem. For example, in the navigation it is called "work" but I need to call it to I'm guessing "content-work"?? Also would the fact that the jquery loading in the page from google is 1.7.0 while the script is only written in 1.4.2...does that matter?? If I need to post my css I will.
[Code]...
I'm multiplying 3 drop downs to give me a total sq ft. I then want to take that variable and multiply it by a fixed number. i.e. qty*width*length equals a total of 8 sq ft, then take that 8 and multiply it by a fixed number (8*1.75), I want it to calculate without any submit buttons and show the total sq ft and the final value.
[Code]...
<html>
<body>
<div style="width:500; height:200; border:1px solid black;">
[code]....
I want to create a div with flash that will display on the center position of the screen, after playing the flash it will move to a fixed location of the page. How can i do the moving div with slow motion movement. I have tried many times but failed.
View 2 Replies View RelatedWhat I want: An images of a phone is in a fixed position on the right side of the page. When it is clicked, a div with a phone number slides in from the right (pushing the image of the phone left with it). When the image of the phone is clicked again, it slides to the right and is no longer visible again. I've been trying this out with jQuery for a while and cant seem to get anything to work (came close once but it only worked in firefox for some reason. Good example: [URL].
View 1 Replies View RelatedIm developing a drag and drop online toy shop (drag images of toys into a fixed basket) but having some issues. When i drag the image wildly and the mouse leaves the image behind, if the mouse goes over the fixed div the fixed div disappears. What could i do to prevent both leaving the image behind and losing the fixed div.
Code:
if (document.addEventListener) {
document.addEventListener("mousedown", drag, true);
[code]....
I have a fixed element that I want to make scroll with the page normally when scroll vertically but remain fixed when scrolling horizontally. I have tried the following javascript to try to allow for this but it does not seem to work.This is the function in javascript.
Code:
function handleScroll()
{
document.getElementById('scrollable').style.top = "-"+document.body.scrollTop+"px";
}
This is the bit of html.
Code:
<body onscroll="javascript:handleScroll();">
And I have a table that has the id 'scrollable'.I thought this would work, but it does not seem to and the table remains fixed while scrolling both vertically and horizontally.
I have used a Google search to find code that will muliply an entered quantity with a fixed price and provide a total and then code to add the various totals into a 'grand' total.
View 2 Replies View RelatedHere is the test site for my website: [URL]... While everything works and looks good, if you minimize the site down, once the links move under the Roots logo and Transparent white image, they are unclickable. It is as if they are sliding under the image. I originally had the white bar go across the entire screen, but I had to move it, when I noticed this was causing the error. Shrinking it down, allowed me to reach those buttons.
At first I had a problem with conflicting jQuery scripts, but then I figured that out by added the no conflict script. Now that it is working, I cant seem to order them properly. I have tried moving the scripts around, but this has come to no avail; I can't get the logo to drop under the black navi bar.
The script for the images comes from the supersize.css background script and the navi bar comes from the jixedbar script.
Copy code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jixedbar (Beta) - a jQuery fixed bar plugin</title>
[Code]...
I just want the list to move along with the screen whilst scrolling. I tried a css version and that didnt work. I found this one but my blogger html checker says this when I try to save/preview:
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message: Open quote is expected for attribute "{1}" associated with an element type "METHOD".
[Code]...
I can't find an example of what I am looking for but I'm pretty sure I have seen it!When you scroll down a page the first heading stays fixed on the screen and when the second heading is scrolled too this then stays on the screen until the third heading is reached and so forth.. Can this be done with jQuery?if H2 is top of view port stay fixed until next H2 is top of view port?
View 2 Replies View RelatedI'm trying to create a button that floats down the side of the screen. Position:fixed;ostly does what I want it to do, but I'd like the element to only track with scrolling in a certain area (so that it stops below the header, and above the footer). I'm sure this is possible with JS, but I can't seem to figure out how to make it work
View 1 Replies View RelatedScrollable table widget with fixed header is there such thing ?
View 2 Replies View Related