Scrolling Div - Implemented A Rad Window Control By Telerik
Jul 30, 2009
I have been working on this code in the last few hours with my boss and we are completely stumped. We are currently writing our companies new site, and we have come across a problem. We built a mini samples user control that shows on a few of our pages, that works with no problem. In that user control, we implemented a Rad Window Control by Telerik.
We have the auto populate thumbnail images and full size images from a database during the ItemDataBound event on our Repeater, this too works fine with no problem. When we first implemented the window, we added anchors to the thumbnails in the code behind so when a user clicks on a thumbnail from the parent page the thumbnail shows up in the window scroll bar at the bottom when the window opens. This worked fine except when you click on a thumbnail with the window closed the parent page would scroll half way down and then the window would open. The scroll function worked fine and had no problems with it, but we wanted to fix the parent page issue.
We decided to do accomplish the same task but with javascript. Since it only meant a few changes we thought it would be no problem, but we are stumped like never before. The javascript code we are using works fine, but when we try to implement it in the window, it doesn't do squat. We suspected that the javascript was being called before the page was loaded but even when using onload in the body tag it still doesn't do anything. We then added a literal and populated the text in the PreRender event but still no avail.
I made a test page that had the exact same javascript functions as the samples page but with hard coded content rather than data binded. This page works exactly as it should, but the samples page doesn't. I have already looked into the Telerik support forums but can't find anything near related to our issue so I thought I would stop by here as a last resort. I hope that we are just missing something and is an easy fix, rather than having to rewrite everything but if it's needed then it has to be done.
So here are my questions for you :Can you look at our code and see if we are missing something. Maybe a fresh pair of eyes will do the trick.Would going back to the anchor system be better and just try to fix the parent page scrolling issue?
I have posted our samples page and the test page that I made.
view-samples.aspx
View 6 Replies
ADVERTISEMENT
Feb 17, 2011
jQuery - Scrolling browser Window. I have two demos of scrolling page content with jQuery.
This one - [url] is scrolling the contents inside a container and it works as I wanted on Mac/PC
Code:
I need the same effect as above but I need to scroll the whole browser window.
I have a demo here - [url]
Code:
Problem here is on the Mac the transition are jumpy and it seems to flash the first yellow div before sliding up or down. Testing on a PC it will slide down but won't slide up. How can I get the whole browser window to slide up and down with a smooth transition.
View 1 Replies
View Related
Dec 24, 2010
I am able to attach to a Telerik text box and autocomplete works fine when i am selecting a result and pressing ENTER. However, when i am selecting a result and clicking on it with a mouse, the selection populates the textbox and then quickly gets erased.
View 1 Replies
View Related
Oct 31, 2006
I am currently strungling with the fact that I want to control the
browser closure. In fact, I have a webbased application in which I use
a wizard. Ones the wizard starts, a lock is set on specific objects in
the db. On all pages of the wizard, the user get the possibility to
exit the wizard by clicking on a custom "Exit" button. That way, I know
that the user has left the wizard and that way I can unlock the locked
objects in the db again.
So far, so good. But users are used to close browser windows by
clicking on the "X" in the titlebar. If they close a window that way,
the locks aren't unset and no other user may start the wizard again. If
I should know that he had clicked on the "X", I could unlock the
objects.
I have searched a lot on the net but all results aren't sufficient for
me.
Some solutions which don't work:
1) onunload event: =Also called when the window is refreshed or
forwarded.
2) "titlebar = no" property while opening the first page of the wizard,
is not working (the titlebar is still enabled). And even then, the
users can close the window by clicking CRL-F4. This key combination
isn't disabled by the "hotkeys = no" property.
Note: if the client's pc crashes or if the user kills the wizard
process via the task manager (exceptional cases), they have to call
maintenance to reset the locks. This is a requirement, defined by
bussiness.
View 4 Replies
View Related
Aug 4, 2001
well i've got this script:
Code:
<script language=JavaScript>
function scrollit(from, dist){
y = from;
scrollEnd = y + dist;
for (I=1; I<=scrollEnd; I++){
parent.scroll(1,I)
}
}
</script>
and i call it like this:
<a href="#" onMouseOver="scrollit(0,500);">scroll</a>
but i was trying to make the window scroll from a position since my script will only scroll down from the top, how do i do this?
View 3 Replies
View Related
Jul 16, 2009
I've been using this script (and variants that give the user different controls) for years and am positive it worked before but I just noticed that resizable is being ignored in FF 3.0.11. It is working in IE fine. I don't want the user to be able to resize the window.
Code:
function PopNada(PopNadaUrl,xW,xH)
{
var ScreenWidth=window.screen.width;
var ScreenHeight=window.screen.height;
[code]...
View 1 Replies
View Related
Mar 10, 2004
I have a form that I link to from several locations. Right now I use JS in the link to the page to open it a specific size. I would rather simplify the links and just put the dimensions in one place...the file that opens. Is there a best way to force a page to be opened in a specific size without putting JS in the link? I would just use target="_blank" to get it in a new window.
View 2 Replies
View Related
Jul 20, 2005
This is a clarification of a previous message, which was not expressed
very well. I have a set of checkboxes near the bottom of the page and
a function that checks or unchecks all of them. But when the function
runs, the window scrolls to the top of the page.
How can I set my checkboxes but leave the window's scroll position
exactly where it is? Or at least have it scroll to the bottom (where
the checkboxes are).
I've tried using window.scrollTo(), but the window always scrolls to
the top no matter what. It's the same in Navigator and IE.
Here's my code:
function checkAll(whichForm, startIndex, endIndex)
{
for (var j = startIndex; j <= endIndex; j++)
{
document.forms[whichForm].elements[j].checked = true;
}
window.scrollTo(0, 1000);
}
View 2 Replies
View Related
Sep 12, 2011
I was wondering if there is a way to prevent the browser window from scrolling when you are scrolling inside an overflow auto div and reach the end of the div's scroll? Right now I have a few people complaining about a div that loads scrolling info on the screen and when they scroll down using the mouse wheel and get to the bottom of the div then the rolling of the mouse wheel starts scrolling the browser window. It would be nice if the browser could see that your cursor is over the div and even though it reaches the end, not scroll the window unless you move the cursor outside of the div that you are currently scrolling.
View 1 Replies
View Related
Aug 25, 2007
The issue seems to be that when the buffer becomes extremely large instead of scrolling to the bottom of the window, there is a gap at the bottom instead.
Here is the test code I've been using, and it allows me to get to around 18000 pixels before the gap begins...
window.scrollTo(0, Math.max(document.documentElement.offsetHeight,
document.body.scrollHeight
) +
(window.innerHeight ||
document.body.clientHeight
) + 100);
window.scrollBy(0, Math.max(document.documentElement.offsetHeight,
document.body.scrollHeight
) +
(window.innerHeight ||
document.body.clientHeight
) + 100);
The issue is really driving me crazy, hopefully someone will be able to help me out.
Please do not suggest putting a link at the bottom of the content (IE: <a name="bottom">asdf</a>, url#name) for this is not an option.
View 1 Replies
View Related
Mar 12, 2010
I am opening a pop up in a new window (window.open) . I have no control on the code of the pop up. Its a third party pop up (twitter). Now that generates a callback url and I can specify that.My problem is the callback page is loaded on the pop up window. I want that window to close and have the call back page loaded on the parent window.
View 1 Replies
View Related
Jul 24, 2010
The window is supposed to automatically scroll and move but it isn't working. (It was taken from a discontinued book called javascript in 24hrs) The javascript:
var pos=100;
function Scroll(){
if (!document.getElementById ) return;
obj=document.getElementById("thetext");
pos -=1;
if(pos < 0-obj.offsetHeight + 130) return;
obj.style.top=pos;
[Code]...
View 1 Replies
View Related
Feb 17, 2011
jQuery - Scrolling browser Window. I have two demos of scrolling page content with jQuery.
This one - [url] is scrolling the contents inside a container and it works as I wanted on Mac/PC
Code:
I need the same effect as above but I need to scroll the whole browser window.
I have a demo here - [url]
Code:
Problem here is on the Mac the transition are jumpy and it seems to flash the first yellow div before sliding up or down. Testing on a PC it will slide down but won't slide up. How can I get the whole browser window to slide up and down with a smooth transition.
View 1 Replies
View Related
Apr 22, 2007
I place items at absolute locations on my LONG window.
When I scroll the window My Absolute is only relative to the Viewing
Area and tends to move up as i scroll my window.
Is this the normal behaviour ?
I need to have my item fixed to the bottom right hand corner no matter
what is happening to the window, including scrolling.
View 2 Replies
View Related
May 9, 2010
So I have a webpage listing a bunch of book titles. I have coded a popup message with the book summary to appear when the title is clicked on. There is one problem. After the viewer reads a summary he or she clicks ok on the popup message, and then the window automatically scrolls back to the top. This will be a nuisance; if the user is half way or close to the end of the list, he or she would have to keep scrolling back down to his or her spot after reading the book summary.
View 2 Replies
View Related
Jan 12, 2010
Here is an example of a scrolling window and the codes about it:
[Code]...
I have some questions about it:
a)Can i move the text from top to the buttom?(which is the opposite from what it moves now).
b)How can i make the text to move nonstop?In other words when it stops to start again.
c)I have used the obj.style.left=pos in order to make the text move from left to right but i want it to move all horizontally in one line only.How could i do that?
View 1 Replies
View Related
Jul 14, 2009
for opening a PopUp Window I use the Popup.js from Adrian "yEnS" Mato Gondelle. Adrian has written a function to center the popup by calculating the window height/with and popup width/height as well ans putting the coord in the middle of these coordinates. Like this:
function centerPopup(){
//request data for centering
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
[Code].....
My Problem with this is, that it only centers the Popup correctly if you haven't scrolled down the page. What I need is a jQuery way to get the height of the actually scolled position to calculate the correct value for the top css parameter as well, to get my PopUp every time in the correct top/left position without having this scrolling bug. Is there a way in jQuery how I can get the scrolled down coordinates? I need the height of the scrolled position and by adding the half height of the screen resolution I have the css top value which I need here.
View 2 Replies
View Related
Mar 1, 2011
I am getting this error b/c I am passing a parameter to function showAlert() from onload. Is there a way to get this to work where I can pass the parameter and set the text of the alert?
HTML
<body onload="elementClick(this)">
JavaScript
function elementClick(form) {
var doc = document.getElementsByTagName('form')(0);[code]].....
View 7 Replies
View Related
Oct 29, 2007
I am having an issue with adding namespaces to my JavaScript. When I run this code in FireFox everything works fine. When I run this code in IE7, I get and error saying “Not Implemented�. It is pointing to the line of code where I Instaniate the object (testNameSpace.menu = new js.JavaScriptCodeIsHere(); ). Does anyone know why this works in FireFox but IE7 tells me I have not implemented something? Code:
View 2 Replies
View Related
Aug 10, 2009
How this image gallery with lightbox is done? I am trying to figure this out and was searching, but couldn't find how this was implemented with lightbox. [URL]
View 3 Replies
View Related
Jan 22, 2010
I just started implementing jQuery in the College site that I work on. I really like it, but on the pages I have used it on, I seem to get a 3-4 second lag sometimes. The puzzling thing is the "sometimes" part since this only happens about 25% of the time.
The first place I am running into this is on the homepage. I have implemented a content slider using jFlow. Sometimes when the page loads there is a 3-4 second lag when you can see all of the slides. I submitted this problem to the tutorial page where I learned how to make the content slider, but have received no response. All of the pictures in the content slider are pretty small, so I don't think that is causing the lag.
The second place where this problem happens is on a page where I have used a simple jQuery technique to stripe every other li in an unordered list. Again, about 25% of the time there is a 3-4 second lag before the striping effect kicks in. This is a very lighweight technique and there are no major graphics on the page so I don't know what is causing this.
View 5 Replies
View Related
Nov 27, 2009
Here is the code implemented on the search results page:
<div id="cse-search-results"></div>
<script type="text/javascript">
var googleSearchIframeName = "cse-search-results";
[code]...
The original code (from my Google custom search control panel) included a FrameWidth of 600 and I changed it to 500 but it didn't make a difference.
View 3 Replies
View Related
Dec 28, 2010
I am trying to do implementation of the Nivo Slideshow on my website. I've been at it for a couple of days now and I'm just about ready to give up:
Here's my markup:
<div id="slider">
<img src="/images/Slide1.png" alt="" title="Dead Kool"/>
<a href="[URL]"><img src="/images/Slide2.png" alt="" title="Alex Kidd" /></a>
<img src="/images/Slide3.png" alt="" title="Asteroids" />
</div>
My CSS:
#slider {
position:relative;
width:620px;
height:350px;
background-image:url(../images/title.gif);
background-position:-10px 30px;
background-repeat:no-repeat;
background-attachment:fixed;
} .....
Slider CSS:
/*
* jQuery Nivo Slider v2.3
* [URL]
*
* Copyright 2010, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* [URL]
*
* March 2010
*/ .....
The test site is here [URL]. For some reason I just can't get it to work.
View 7 Replies
View Related
Feb 9, 2011
I have a login panel on my website that is implemented as an overlay div. So if the user clicks on a link that requires authorization, this div is made visible with javascript. In the login panel there is a form consisting of a field for the user name, the password and a submit button. What I want to do is when the user entered his name/password and clicked on submit I want to do an asynchronous request and check whether the password was correct.
My question now is: What is the best way to do this check? Intuitively I would create a response xml file where I store a variable like <correctPassword>1</correctPassword> and check whether this variable is 1 (true) or 0 (false) and react accordingly.
Is that the way to go or is there a better approach to achieve this?
View 4 Replies
View Related
Oct 22, 2009
I have an inline datepicker on my page...I need two things:
1.) I've implemented the onSelect method, but what I really want to do is do a non-modal popup for the user to see what calendar events from the database that are on the date selected. I've worked out all the database and json parts, but now I need to make the popup near the calendar. I'm surprised that there isn't any mouse coordinates passed to the onSelect function. Anyone ever attempted something like this?
What I'm looking for is something similar to this: [url]
2.) Also from the link above, you see how they have a star on the dates that have events associated with that date? How can we modify the date so that there is some way to distinguish days that have events associated with them versus ones that don't.
View 1 Replies
View Related
Oct 10, 2011
Situation:I have a very long page divided into many sections vertical-wise marked by bookmarks, say pageX.html#s1 to s10. I need to show the section inside an iframe (iFrame1) on the mainpage (mainpage.html). I am thinking of having 4 buttons, sitting on the mainpage, to help navigate between these sections on pageX, namely NEXT, PREVIOUS, TOP, END.condition of the frame, fixed width/height, no scroll, no border.Very new to javascript but need this code to make a page work for BIZ.
View 1 Replies
View Related
