Page 1 of 2

floating picz

PostPosted: Tue May 30, 2006 9:49 am
Author: missIndependent
using Dreamweaver 8, making a website, has any of guys got any idea of how to creat those floating pictures, the ones that when u scroll the page up or down, it goes up or down as well?

thanks :)

PostPosted: Tue May 30, 2006 9:52 am
Author: dyaoko
i know how to do it, it is a bit hard to say it in fourm.

PostPosted: Tue May 30, 2006 10:00 am
Author: missIndependent
oh :( just a quick point will do. if i know how n where to start,then i can figure out the rest. thanx =)

PostPosted: Tue May 30, 2006 9:58 pm
Author: KurdishVoice
miss read this page it tells u exactly how to do that

http://simplythebest.net/scripts/DHTML_ ... t_18a.html

PostPosted: Tue May 30, 2006 11:43 pm
Author: missIndependent
thank you so much Kurdish Voice :)
you are the best :wink:

PostPosted: Thu Jun 01, 2006 6:31 am
Author: missIndependent
it's me again Kurdish voice :oops:
i tried it n i woked it out, but when i put it on my site, it doesnt float :|
when i have it just by itself as a html page, it does float :roll:
nothing's wrong with my codes, cuz 2 of my teachers looked at it, n even sat down with me n we went through the codes, but it just doesnt seem to work. they gave up :shock: , n now i sooooo wanna figure it out, so that i can show of in frount of my teachers lol :P
anything u think might be wrong? :?: plz dont tell me to try it again n this time start from the simple html page, n add my codes bit by bit, cuz i havnt got for that :? :( :|
thanx =)

PostPosted: Thu Jun 01, 2006 9:06 am
Author: KurdishVoice
hmmm well do u have more than one javascript code on a page? if u want u could copy and paste ur html so i can see why its not working.

PostPosted: Thu Jun 01, 2006 12:38 pm
Author: missIndependent
thanx for replying =)
no, thats the only Java script code on this page, cuz the aim of the assignment is to do a website using HTML n using Dreamweaver, but i just wanted to add some extra *i'm not a neek :oops: , so, i decided to add a floating pic.

here is the index page sample code:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Welcome::Kingdom of Chess</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
background-image: url(Picture/chess_bkg_21.jpg);
background-repeat: repeat;
}
body,td,th {
color: #00CCFF;
}
#Layer1 {
position:absolute;
left:25px;
top:445px;
width:70px;
height:101px;
z-index:1;
}
#Layer2 {
position:absolute;
left:621px;
top:317px;
width:126px;
height:97px;
z-index:2;
}
#Layer3 {
position:absolute;
left:631px;
top:418px;
width:109px;
height:28px;
z-index:3;
}
#Layer4 {
position:absolute;
left:170px;
top:16px;
width:555px;
height:128px;
z-index:4;
}
#Layer5 {
position:absolute;
left:0px;
top:0px;
width:151px;
height:159px;
z-index:5;
}
#Layer6 {
position:absolute;
left:247px;
top:211px;
width:456px;
height:377px;
z-index:6;
}
#Layer7 {
position:absolute;
left:159px;
top:159px;
width:601px;
height:35px;
z-index:6;
}
#Layer8 {
position:absolute;
left:218px;
top:161px;
width:654px;
height:25px;
z-index:6;
}
.style4 {color: #FF9900}
-->
</style></head>

<body>

<div id="Layer4"><img src="Picture/ header-orange.jpg" width="743" height="130" /></div>
<div id="Layer5"></div>
<div id="Layer8">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="105" height="23">
<param name="BGCOLOR" value="" />
<param name="movie" value="Home.swf" />
<param name="quality" value="high" />
<embed src="Home.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="105" height="23" ></embed>
</object>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="105" height="23">
<param name="BGCOLOR" value="" />
<param name="movie" value="About.swf" />
<param name="quality" value="high" />
<embed src="About.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="105" height="23" ></embed>
</object>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="105" height="23">
<param name="BGCOLOR" value="" />
<param name="movie" value="Learn.swf" />
<param name="quality" value="high" />
<embed src="Learn.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="105" height="23" ></embed>
</object>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="105" height="23">
<param name="movie" value="Best.swf" />
<param name="quality" value="high" />
<embed src="Best.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="105" height="23" ></embed>
</object>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="105" height="23">
<param name="movie" value="Quotes.swf" />
<param name="quality" value="high" />
<embed src="Quotes.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="105" height="23" ></embed>
</object>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="105" height="23">
<param name="movie" value="Contact.swf" />
<param name="quality" value="high" />
<embed src="Contact.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="105" height="23" ></embed>
</object>
</div>
<p><img src="Picture/chesslogo.jpg" width="133" height="133" border="0" /></p>
<p>&nbsp;</p>
<!-- Float script start -->
<!-- Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/ -->
<SCRIPT src="float.js">
</SCRIPT>
<div class="Logo" id="Logo" style="LEFT: 216px; POSITION: absolute; TOP: 289px; width: 77px;">
<a href="Back to the Top"><img border="0" name="floating" src="chessanim.gif" alt="Back to the Top" width="59" height="100" ></a><br>
<!--a href="http://simplythebest.net" class="copylink">SimplytheBest.net</a> -->
</div>
<!-- Float script end -->
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<p align="justify" class="style4">&nbsp;</p>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>

</html>

these extra spaces r just making the page longer so that i could scroll n test it as the page itself isnt long enough yet.


n here is the test, the one single html using java script code make the picture floating: this one works perfectly!

<html>
<head></head>

<body>
<!-- Float script start -->
<!-- Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/ -->
<SCRIPT src="float.js">
</SCRIPT>
<div class="Logo" id="Logo" style="LEFT: 6px; POSITION: absolute; TOP: 10px">
<a href="http://simplythebest.net"><img border="0" name="floating" src="chessanim.gif" alt="SimplytheBest.net" width="69" height="100" ></a><br>
<a href="http://simplythebest.net" class="copylink">SimplytheBest.net</a>
</div>

<!-- Float script end -->
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>


thanks again.

PostPosted: Thu Jun 01, 2006 9:51 pm
Author: KurdishVoice
yelooo miss.. well i copied and paste ur code with all the other css style coding and it works without a prob. i even added extra buttons and code and still works i changed the float image to a jpeg. why dont u try using a jpeg file?? but i had no probs with the code at all. Maybe something on the system is restricting it from working....hmmm are u uploading your html files to a free hosting server???i ask cuz i know some hosting sites dont allow javascripts. Also make certain that float.js and ur html file are in the same folder.

hope this helps.... if it dont just give a more detail explanation of the prob u havin.

8)

PostPosted: Thu Jun 01, 2006 11:47 pm
Author: missIndependent
:shock: :shock: :shock:
i havnt uploaded yet, so, the problem isnt from the server.
and all the files r in the same folder, so the problem might be from the system..
i'll try to use a JPEG image, it might work fine for me. :roll:

thanx for that KV \:D/

PostPosted: Fri Jun 02, 2006 9:14 am
Author: KurdishVoice
does the system have windows service pack 2 installed?? i know there is a security feature that blocks active x and scripts....i have it installed and when i test the html file in i have to click that yellow bar at the top to enable all features..... ](*,)

PostPosted: Fri Jun 02, 2006 1:18 pm
Author: missIndependent
yes, i know what ur talking about, i do that every time when im opening my page in a browser.









i hate websites ](*,) , i hate dreamweaver too, it's one stupid program, supposed to be helping :| ..

PostPosted: Fri Jun 02, 2006 11:50 pm
Author: KurdishVoice
hmmm not sure what else to tell u cuz the code worked fine on my comp.... does internet explorer give any script errors?? u know it always shows in the botom left hand corner of explorer. Try your html file on frontpage then test it.... or maybe copy and paste ur code into notepad then save as a .html file

PostPosted: Mon Jun 05, 2006 11:52 am
Author: missIndependent
hi again, how r ya mate? thanx for all the advise n so sorry for all the truble.
well, it seems doesnt wanna work with me, it just doesnt..
im not getting any error msgs tho!
anywayz, it's allright.. i havnt gave up yet, i might figure it out on the holidays :idea: :|

PostPosted: Mon Jun 05, 2006 12:06 pm
Author: KurdishVoice
hey miss, im arrite thanx for asking. hows u? Sorry cant be of any more help but the code is perectly ok.