how to have an iframe with constant scrollbars so the scrollbars are visible even though there is nothing to scroll!
I have this now:
Code:
<script type="text/javascript">
function ChangeScrollState (select) {
var iframe = document.getElementById ("thisIframe");
[code]....
If I hit the option with scroll I get what I want, but how do I make this static?
I have an iFrame on which I wish to display scrollbars ONLY when the mouse is over the iFrame AND the source of the iFrame is larger than the iFrame can display I am using the following code for the iFrame but believe that I need to add some script to make it work:
<iframe src="http://www.mhgoebel.com" frameborder="0" id="frame" width="320" height="356" scrolling="no">
onmouseover="setScrolling('auto')" onmouseout="setScrolling('no')"
</iframe>
I have a site project where I'm using an overlay to display an iframe that contains a slide show. When the overlay/iframe loads there is a scrollbar on the parent window. What would be the proper jquery syntax to write a function that tells the parent window to set overflow to hidden to hide the scrollbar when the iframe loads? I was thinking maybe this, but I'm not sure of the correct syntax:
$(function() {
$self.parent.document
.
[code]....
is it possible reference an input tag based on a variable passed to a function instead of its name directly. For instance I have a function:
function checkedAll(Name)
{
$('input.Day1').attr('checked', true);
[code]....
i hav an array named contents [i] where i wanna get every 3rd value out of it.below i make an example:
contents [i] = [2,4,6,8,10,12,14,16,18];
i wanna find a script dat could return every third value which is 3,6,9
I have a form with a textarea field. I want to validate the input from
the textarea using javascript. Suppose I want to check that the user
has not entered the string:
"Hello
World!"
To do this I am using the script:
form["text"].value == "Hello
World"
But this gives an "unterminated string constant error" because the
browser converts this to:
form["text"].value == "Hello
World"
So how do I do my check?
How is it possible to define a constant in a virtual class?
E.g. I wrote the following code
tml = {
sayHello : function()
{
alert('hello');
}}
now if I want to add a constant into tml virtual class, what I need to
do?
I tried something like
tml = {
const1 : Integer = 0,
sayHello : function()
or
tml = {
const1 : function(){return 0;},
sayHello : function()
in both case, trying to get - inside tml object - the value of
const1 ... it results in a Object value and not the Integer value I
need.
What do i need to add to the document line to stop getting an Unterminated
String Constant error?
itemtocheck = ��'
document.writeln('<!--#include
virtual="checkQty.cgi?item='+itemtocheck+'"-->');
I'm getting an error message come up in IE6 when somenone subscribes to my newsletter from my home page (either from the drop down hover box form or the left hand form) here .
After entering a name and email address
I get:
A runtime error has occurred....do you wish to debug?
Line 4
Error: Unterminated string constant
When I click NO I then get a second small windows popup which says:
A runtime error has occurred....do you wish to debug?
Error: Expected ')'
I've looked at lines 4 and 43 of my thanks.php page (the page subscribers get when they fill out the form but before they double optin via the email) and I can't find anything wrong. I guess the first message expects a semicolon and the second obviously a closing bracket. Code:
I desperately need to have a constant website visitor that is online 24/7 on my website. Due to a js error. We need to keep an absolute minimum of one online site visitor. This is a temporary measure while we locate the error which so far has taken 3 js coders 3 days with no success in finding. We really need to keep the script thinking that a user is online.
Is there a bot setup that will simulate a website user that NEVER leaves a certain webpage?
If not. How can I set up the script so that I can fool it into thinking there is someone online? I really need this info... i have spent hours and another thread, with NO help on the repair. I really need to be able to keep the js rolling. I am on the verge of giving up on this project as impossible.
I am facing a problem in javascript. strdata is a variable of
javascript and following is an assignment(hmm a Huge one but
unfortunately its not mine code, I am just trying to rectify it) to
this varibale.. Now I am facing a run time error(Unterminated string
constant).....
Let's say I have a string:
div.innerHTML = "<a onclick='foo(""+myWord+"");'></a>";
in IE only (tested version 7) if var myWord = "English" then it works
fine but if var myWord = "Modifier Chau00EEnes" then I get "Unterminated
string constant" error.
What fix would you suggest to keep div.innerHTML = "" format?
make a scroller that could scroll continuously/constant both forward and backward (from left to right and right to left).
The instance shouldn't scroll unless holding down a link (arrows left&right) outside the scroller. (using onmousedown and stop onmouseup) and it would be great if it's not possible to scroll past the last and first item. (i don't want any empty space) But I guess I could do that with offset and exclude (:
I don't have any code for you, but if you want me to try some more first, I'll do that and send you if I got anything good out of it!
(I also tried the HoverScroll plugin, but since the arrows is implemented in the jquery/js-code I wasn't abled to tweak it as I wanted. That plugin is possibly the nearest already made scroller I've so far seen. However I want the buttons to be outside the scrollerarea, and I also want to be able to change the styling on the whole thing. and I want it to use onmousedown and onmouseup instead of onmouseover.)
I've tried with scrollable and ScrollTo/SerialScroll, but I'm not a code wizard so how to do this.. ;O These plugins seems really great, and I have used them in other projects, so I'm a bit familiar with how they work.
I'm having a hard time getting my head round it again. I know it could be more efficient in jQuery, but I'd be happy just to get it working, with an extra variable, in straight js.The function takes an array and progressively hides each element at constant interval, in this case 50ms:
function hide_50(arrayA,visibility,current) {
if ( current == null ) current = 0;
var arrayB=(typeof arrayA == 'string')? arrayA.split(',') : arrayA;
[code]....
IE6 in standards mode doesn't seem to hide scrollbars on the body element
(overflow:hide) Ain't this a quandary. I have it in my head that I need to
specify html instead. The scrollbars do hide on Gecko browsers though, so
there is definitely a disagreement among browser developers on how to
implement scrollbars (as a side note, Gecko browsers with their notoriously
bug-ridden resize code seem to always screw up when asked to stretch and
scroll divs, even when the page is reloaded on every resize!)
My first thought is to modify the CGI that generates the style sheet as I
already have code that deprecates the document type when hidden scroll bars
are required on IE6 (but not IE5.) This is based on the simple empirical
evidence that the scroll bars are still there on IE6 in standards mode, so
the optimal document type (XHTML strict) cannot be used. So I could just
change this to output an html style (rather than a body style) for IE6 and
lose the deprecation (it wouldn't be needed at this point.)
So the question is this. Given that CGI-based processing of browser
versions for these kinds of tweaks is taboo, what would you check on the
client side before dynamically generating the style for the body and/or html
element? It doesn't seem like you could just send both as this would surely
break some older browsers (I know you can do tricks with comments and such,
but that only works for NS4 and maybe IE3 AFAIK.)
documentElement is the only thing I can think of that indicates standards
mode and NS6/Mozilla support this AFAIK.
IE Conditional comments perhaps? I would hate to hard-code a test for a
browser version number into the actual document (for obvious reasons), but I
guess it is an alternative if the browser version is exposed to these
things.
I don't see any other way to deal with a situation like this than with
server-side code that looks at the browser's version number and makes the
necessary adjustment. And there are lots of little differences like this
that just don't seem to have viable client-only solutions. There's DirectX
stuff (probably is an object detect for that) and funky colored scrollbars
(hey people ask for them) and document margins (Opera did them slightly
differently than the rest as I recall) and now this scrollbar thing.
I have used a textarea to display typewriter effect text. The scrollbars are displayed by default. What is the code to disable the scrollbars in a textarea form field? < scrolling="no"> does not seem to work.
View 2 Replies View RelatedThis code is for an external, homemade scroolbar set, requiring 8 images:
arrowDown_on.gif --Active Button used when scrolling down (down arrow) http://www.boomspeed.com/buzz_killr_x/arrowDown_on.gif
arrowDown_off.gif --Inactive Button http://www.boomspeed.com/buzz_killr_x/arrowDown_off.gif
arrowUp_on.gif --Active Button used when scrolling up (up arrow) http://www.boomspeed.com/buzz_killr_x/arrowUp_on.gif
arrowUp_off.gif --Inactive Button http://www.boomspeed.com/buzz_killr_x/arrowUp_off.gif
arrowTop_on.gif --Active Button used to go straight to top of page (bigger up arrow) http://www.boomspeed.com/buzz_killr_x/arrowTop_on.gif
arrowTop_off.gif --Inactive Button http://www.boomspeed.com/buzz_killr_x/arrowTop_off.gif
arrowBottom_on.gif --Active Button used to go straight to bottom of page (bigger down arrow) http://www.boomspeed.com/buzz_killr_x/arrowBottom_on.gif
arrowBottom_off.gif --Inactive Arrow http://www.boomspeed.com/buzz_killr_x/arrowBottom_off.gif
<script>
var newWindow = null;
var scrolling = 0;// Controls whether the layer is scrollin or not
var yT = 25;// Pixel position the top of the scrolling layer should be set to
var lT = 25;// Initial position for the top of the layer
var yI = 5;// Increment that the scrolling layer should move at
var yH = 0;
var domStyle;// Stores the generic DOM for the scrolling layer to access style properties
var dom;// Stores the generic DOM for the scrolling layer
var isDHTML = 0;
var isLayers = 0;
var isAll = 0;
var isID = 0;
if (document.images){
imag = new Array();
imag[0] = "media/arrowUp_off.gif";
imag[1] = "media/arrowUp_on.gif";
imag[2] = "media/arrowDown_off.gif";
imag[3] = "media/arrowDown_on.gif";
imag[4] = "media/arrowTop_off.gif";
imag[5] = "media/arrowTop_on.gif";
imag[6] = "media/arrowBottom_off.gif";
imag[7] = "media/arrowBottom_on.gif";
im = new Array();
for (var i = 0; i < imag.length; i++)
{
im[i] = new Image();
im[i].src = imag[i];
}
}
if (document.getElementById) {isID = 1; isDHTML = 1;}
else {
if (document.all) {isAll = 1; isDHTML = 1;}
else {
browserVersion = parseInt(navigator.appVersion);
if ((navigator.appName.indexOf('Netscape') != -1) && (browserVersion == 4)) {isLayers = 1; isDHTML = 1;}
}}
var isIE = 0;
if (navigator.appName.indexOf('Microsoft Internet Explorer') != -1) {isIE = 1;}
var xC = 5;
var theDelay = 0;
var frameRateMax = 48;
varframeRate = 1;
function scrollPageTo(xN) {
if (xC > xN) {
xC = xC - frameRate;
posDif = (xC - xN)/(frameRate/2);
if (xC < xN) { frameRate = 1; return; }
}
else {
xC = xC + frameRate;
posDif = (xN - xC)/(frameRate/2);
if (xC > xN) { frameRate = 1; return; }
}
if (isIE) {
document.body.scrollLeft = xC;
}
else {
scrollTo(xC,0);
}
if ((posDif >= frameRateMax) && (frameRate != frameRateMax)) frameRate = frameRate + 1;
else if (frameRate > 1) frameRate = frameRate - 2;
setTimeout ('scrollPageTo(' + xN + ')',theDelay);
}
function findDOM(objectID1,objectID2,withStyle) {
if (withStyle == 1) {
if (isID) { return (document.getElementById(objectID2).style) ; }
else {
if (isAll) { return (document.all[objectID2].style); }
else {
if (isLayers) {
if (objectID1) { return (document.layers[objectID1].layers[objectID2]); }
else { return (document.layers[objectID2]); }
}
};}
}
else {
if (isID) { return (document.getElementById(objectID2)) ; }
else {
if (isAll) { return (document.all[objectID2]); }
else {
if (isLayers) {
if (objectID1) { return (document.layers[objectID1].layers[objectID2]); }
else { return (document.layers[objectID2]); }
}
};}
}
}
function openWindow(contentURL,windowName,windowWidth,windowHeight) {
widthHeight = 'height=' + windowHeight + ',width=' + windowWidth + ',scrollbars=yes'
newWindow = window.open(contentURL,windowName,widthHeight);
newWindow.focus()
}
function closeWindow() {
if (newWindow != null) {
newWindow.close();
newWindow = null;
}
}
function startScroll(objectID1,objectID2,direction) {
domStyle = findDOM(objectID1,objectID2,1);
dom = findDOM(objectID1,objectID2,0);
scrolling = 1;
yT = domStyle.top;
if (document.getElementById) {
pxLoc = yT.indexOf('px');
if (pxLoc >= 1) yT = yT.substring(0,pxLoc);
}
if (window.innerHeight != null)
yH = window.innerHeight - 25;
else
yH = document.body.clientHeight - 25;
if (dom.offsetHeight != null)
yH = yH - dom.offsetHeight;
else
yH = yH - dom.clip.height;
scroll(direction);
}
function scroll(direction) {
if (scrolling == 1) {
if ((direction == 1) && (yT <= lT)) {
yT = (yT/1) + yI;
if (yT > lT) yT = lT;
domStyle.top = yT;
}
else {
if ((direction == 0) && (yT >= yH)) {
yT -= yI;
if (yT < yH) yT = yH;
domStyle.top = yT; }
}
if (document.getElementById) {
yT = domStyle.top;
pxLoc = yT.indexOf('px');
if (pxLoc >= 1) yT = yT.substring(0,pxLoc);
}
code2run = 'scroll('+ direction + ')'
setTimeout(code2run,0);
}
return false;
}
function stopScroll() {
scrolling = 0;
dom = null;
domStyle = null;
return false;
}
function URB(objectID1,objectID2) {
domStyle = findDOM(objectID1,objectID2,1);
dom = findDOM(objectID1,objectID2,0);
if (window.innerHeight != null)
yH = window.innerHeight - 25;
else
yH = document.body.clientHeight - 25;
if (dom.offsetHeight != null)
yH = yH - dom.offsetHeight;
else
yH = yH - dom.clip.height;
domStyle.top = yH;
dom = null;
domStyle = null;
}
function URT(objectID1,objectID2) {
domStyle = findDOM(objectID1,objectID2,1);
domStyle.top = lT;
dom = null;
domStyle = null;
}
function toggle(imgName,num){
if (document.images && imgName){
imgName.src = im[num].src;
}
return false;
}
</script>
**Please do not use my images, as they were provided for examples only.
in the parent window, i have some objects that will release a pop-up window. in the pop-up window you can make various changes that will affect the database. to see those changes in the parent window, i need to refresh...right?
well, when i refresh...if you're working at the bottom of the page it pops the scrollbars all the way back up to the top. is there a way to reposition the scrollbars without the use of anchors?
Is there anyway to detect if scrollbars were made visible in a
textarea? I'm not talking about initial setting of the scrolling
attribute, but rather whether scrollbars have been added either
horizontally or vertically based on the users text input?
After i open a new window can i show scrollbars ???
(if an image is bigger than my screen)
Something like :
xxx(a,b) {
if (a < b){
self.scrollbars = true;
} else {
self.scrollbars = false;
}}
well, the example does not work, but is there a way to do something like
that ???
I'm looking for an solution to find out the real vertical viewport -
without the height of horizontal scrollbars.
I have two frames side by side. The left one declared 'scrolling="no"'
and the right one 'scrolling="auto"'. For the left frame it is important
to know if the right frame has a horizontal scrollbar and how sick it
is. So I have tried to compare the viewport of both frames.
Using 'window.innerHeight', 'document.documentElement.clientHeight',
'document.body.clientHeight' or 'document.body.offsetWidth' I get the
height including the scrollbars.
The same problem with two frames (rows="50%,50%) i've solved with block
elements declared with a width of 100%. Comparing the offsetWidth of
both, I can see if there is a scrollbar in one frame. But with frames
side by side that doesn't work.
i use netscape 7 and want to hide the scrollbars of the window when
something happens. I tried this:
window.scrollbars.visible=false
window.scrollbars.visibility="no"
....
Nothing works. Is it also possible only to hide the vertical scrollbar instead of both?
I was checking on jQuery plugins, but most of the scrollbar ones are using like 4 - 5 div classes just to stylize one scrollbar and most of the classes names must be specific to make it work with the plugin, is there any way to give some style to a scrollbar without doing all that coding?
View 2 Replies View RelatedHow exactly does the sizing of the grid work? I have a grid that I've tried to experiment with and it seems like no matter what setting I use, there is a vertical and a horizontal scrollbar. the only thing that changes is if it stretches to fill the its container div. How do I get it to fit within a specific width and also to not display scrollbars?
View 3 Replies View RelatedI am trying to add a link to a web page which will open a new window which has no scrollbars ,toolbars,menu etc for a nice clean look(the window will display a flash image display gallery) I know you do this with javascript but am having trouble placing the javascript in the html ,what would be ideal is if someone was kind enough to give me an example of exactly how the complete page code would look with the javascript included,it need only be a very simple page with no content except the link which maybe we could just call sample.
View 2 Replies View RelatedI have mangled up the following to add fixed position left/right scroll links to a horizontal scrolling site:
Code JavaScript:
$(document).ready(function() {
$('#container').append('<ul class="scroll_controllers"><li class="left"><a href="#" title="Scroll Left">«</a></li><li class="right"><a href="#" title="Scroll Right">»</a></li></ul>');
$('.right a').click( function(){
[code].....
I'd like to make it conditional on there being a need to scroll.