User Name Password Register
DaniWeb IT Discussion Community
Home
Forums
Tutorials
Code Snippets
Blogs
Link Directory
All
•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 373,940 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,669 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Join our community!
Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting
Views: 674 | Replies: 1 | Solved
Reply
•
•
Join Date: Aug 2007
Posts: 20
Reputation: web_master is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
web_master web_master is offline Offline
Newbie Poster

Javascript Problem....Simple for experts i guess.....

  #1  
May 5th, 2008
Javascripters plz help

I have made a little slider below(not perfect i know)....and i have some bugs in it......
help me debug them plz

i want 'marq_box' to hide as soon as height of 'slide_box' is less than 219px. therefore i made the function hideInnerSlide(); which ofcourse is wrong that is why the script is not working.....can anyone help me with this.....plz

in my css the original height of 'silde_box' is 220px;

the javascript code is below:

Help with Code Tags 
<script type="text/javascript">
var active= 1;
var height= 300;

function toggle_visible(){
	if(active==0){
		active = 1;
		divminus();
	}
	else if(active==1){
		active = 0;
		divplus();
	}
}

function divminus(){
if(height>=1){
	height = height - 5;
	document.getElementById('slide_box').style.height = height + "px";
	hideInnerSlide();
	window.setTimeout('divminus()',1);
                }
	else{
	document.getElementById'slide_box').style.display="none";
	}
}
			
function divplus(){
	if(height <= 300){
		document.getElementById('slide_box').style.display="block";
		height = height + 5;
		document.getElementById('slide_box').style.height = height + "px";
		window.setTimeout('divplus()',1);
	}
}

function hidePtr(){
	shown = document.getElementById('pointer').style.visibility == "visible";
	unshown= document.getElementById('pointer').style.visibility = "hidden";
	if(shown){
		document.getElementById('pointer').style.visibility = "hidden";
	}
	else if(unshown)
	{
		document.getElementById('pointer').style.visibility == "visible";
	}

function hideInnerSlide(){
	ht = document.getElementById('slide_box').style.height;
	if(ht <= 219)
	{
		document.getElementById('marq_box').style.display="none";
		divminus();
	}
}
}
</script>


for any more info about the code please ask....

but plz help......

Thanks All.......
AddThis Social Bookmark Button
Reply With Quote  
•
•
Join Date: Aug 2007
Posts: 20
Reputation: web_master is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
web_master web_master is offline Offline
Newbie Poster

Re: Javascript Problem....Simple for experts i guess.....

  #2  
May 5th, 2008
i figured it out myself:

i used the height vaiable i declared on top for comparing and inside divminus() and divplus()
and removed the hideInnerSlide() completely

CODE:

Help with Code Tags 
var active= 0;
var height= 0;

function toggle_visible(){
if(active==0){
	active = 1;
	divplus();
}
else if(active==1){
	active = 0;
	divminus();
}
}

function divminus(){
if(height>=1){
	height = height - 5;
	document.getElementById('slide_box').style.height = height + "px";
	if(height < 230){
		document.getElementById('marq_box').style.display="none";
	}
	window.setTimeout('divminus()',1);					
}
else{
	document.getElementById('slide_box').style.display="none";
}
}

function divplus(){
if(height <= 250){
	document.getElementById('slide_box').style.display="block";
	height = height + 5;
	document.getElementById('slide_box').style.height = height + "px";
	if(height > 240){
		document.getElementById('marq_box').style.display="block";
	}
	window.setTimeout('divplus()',1);
}
}

function hidePtr(){
shown = document.getElementById('pointer').style.visibility == "visible";
unshown= document.getElementById('pointer').style.visibility = "hidden";
if(shown){
	document.getElementById('pointer').style.visibility = "hidden";
}
else if(unshown)
{
	document.getElementById('pointer').style.visibility == "visible";
}
}
Reply With Quote  
Reply

•
•
•
•

Only community members can participate in forum threads. You must register or log in to contribute.

Register
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

 

•
•
•
•
•
•
•
•
DaniWeb JavaScript / DHTML / AJAX Marketplace
•
•
•
•
Thread Tools Display Modes
Linear Mode Linear Mode

•
•
•
•
code injection epilepsy firefox griefers hackers html javascript news
Other Threads in the JavaScript / DHTML / AJAX Forum

Advertising Opportunities on DaniWeb
Contact Us - Newsletter Archive - Sitemap - Privacy Statement
All times are GMT -4. The time now is 6:51 pm.
Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC