Closed Thread Icon

Preserved Topic: Please, some help to a newbbie (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=18078" title="Pages that link to Preserved Topic: Please, some help to a newbbie (Page 1 of 1)" rel="nofollow" >Preserved Topic: Please, some help to a newbbie <span class="small">(Page 1 of 1)</span>\
 
Wakkos
Maniac (V) Mad Scientist

From: Azylum's Secret Lab
Insane since: Oct 2000

 posted posted 08-13-2001 18:20

Hi, i want to do some animations in a web site, and i'm looking for something like the Bugimus web site, the sings apear after the page is loaded, everything is a layer, so, i want to learn some layers and layer animation, some web site that you know about this? i trid to see the Bugimus code, very nice, a piece of art in my opinion, but i don't know to much to say that, the code was to complicated to take it.....
So, Bugimus, don't you have a problem with me watching and playing with your code?
Do you guys know some web site where i can watch and learn some layer animation?

Thanks!!
Wakk!


.-rotate script by Mr.Max
Dark
Neurotic (0) Inmate
Newly admitted 		posted posted 08-13-2001 19:17

ask Bugimus, BTW- His site rocks

What other problems do you have besides being unemployed, a moron and a dork?
- - - John McEnroe (to a spectator at a tennis match)
Wakkos
Maniac (V) Mad Scientist

From: Azylum's Secret Lab
Insane since: Oct 2000

 posted posted 08-13-2001 21:32

What the hell do you think i'm doing??


.-rotate script by Mr.Max
Pugzly
Paranoid (IV) Inmate

From: 127.0.0.1
Insane since: Apr 2000

 posted posted 08-13-2001 22:31

Seems to me that Bug has a link to Bratta's site for dHTML.
Jeni
Paranoid (IV) Mad Scientist

From: 8675309
Insane since: Jul 2000

 posted posted 08-13-2001 22:45

LMAO @ you WAKKOS!!!
hehehe

Wakkos
Maniac (V) Mad Scientist

From: Azylum's Secret Lab
Insane since: Oct 2000

 posted posted 08-13-2001 23:03

LMAO????
Nimraw
Paranoid (IV) Inmate

From: Styx
Insane since: Sep 2000

 posted posted 08-13-2001 23:08

Wakkos.

LMAO is short for:
Laughing My Ass Off
Jeni
Paranoid (IV) Mad Scientist

From: 8675309
Insane since: Jul 2000

 posted posted 08-13-2001 23:55

Thank you nimraw.
Wakkos
Maniac (V) Mad Scientist

From: Azylum's Secret Lab
Insane since: Oct 2000

 posted posted 08-14-2001 00:02

Yeah, thanks Nimraw, but can somebody help my in layer animation?
Osaires
Paranoid (IV) Inmate

From: oslo, Norway
Insane since: Aug 2001

 posted posted 08-14-2001 01:54

Usa a javascript to load the picture, and then load the script with the "onload" function

<Body onload="pictures()">



[This message has been edited by Osaires (edited 08-14-2001).]
kretsminky
Maniac (V) Inmate

From: A little lower... lower... ahhhhhh, thats the spot
Insane since: Jun 2000

 posted posted 08-14-2001 04:27

www.dhtmlcentral.com

Its Bratta's new site, you might find something there to your liking.
Wakkos
Maniac (V) Mad Scientist

From: Azylum's Secret Lab
Insane since: Oct 2000

 posted posted 08-14-2001 16:14

Thank you Krets and Pugzly for the most razonable answers in the topic, 10 points to you guys!


.-rotate script by Mr.Max
Pugzly
Paranoid (IV) Inmate

From: 127.0.0.1
Insane since: Apr 2000

 posted posted 08-14-2001 20:39

Yeah, Bratta's site has got some cool stuff. I just wish I understood it.
Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

 posted posted 08-14-2001 20:50

DHTML central (bratta's dhtml site) worries me, though... it looks like some of the sites that originally confused me when I started learning JavaScript. Too many free give-away cut&paste scripts that don't require learning. Ah, well. It's not bad anyway.

Heh, it has a similar "window" script to the one I've had on my page long before its existance, too =) but that's a commonly used thing anyway. =)
Wakkos
Maniac (V) Mad Scientist

From: Azylum's Secret Lab
Insane since: Oct 2000

 posted posted 08-14-2001 21:43

After looking at bratta's web site, i agree with Slime, i need to do something like positioning the layer or the "div" out of the explorer window and on mouse over, comes running just to my side, or with a on mouse click, but i need to know how to make the layer or DIV movement and positioning. You must know some thing about this Slime, such your site is very "active" site....

Thanks again

Edit: I got something like that in my PS actions page but if you want to see the floating window go to the main page and press the buttom called "Acciones" but it is just another cut & paste which means that i don't know what's happening there...


.-rotate script by Mr.Max



[This message has been edited by Wakkos (edited 08-14-2001).]
Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

 posted posted 08-14-2001 21:57

How much experience do you have with JavaScript, HTML, and the document object model (DOM)? Like, does document.all and document.layers and document.getElementById() ring a bell?
Wakkos
Maniac (V) Mad Scientist

From: Azylum's Secret Lab
Insane since: Oct 2000

 posted posted 08-14-2001 22:01

~staring at the floor and speaking very quite~
Not much, actually, but i want to learn, i'm good learning, i have basics in Java Script, very good in HTML and nothing in DOOM.
I'm kidding, DOM.........

I found this anyway, do i have to learn it?

[This message has been edited by Wakkos (edited 08-14-2001).]
bitdamaged
Maniac (V) Mad Scientist

From: 100101010011 <-- right about here
Insane since: Mar 2000

 posted posted 08-14-2001 23:00

Good lord no

That's one of the problems with a lot of W3C specs, they tend to be written for ûber-geeks and it takes a while for someone to translate it to human.

There are much easier texts for learning the basics.





:[ Computers let you make more mistakes faster than any other invention in human history, with the possible exceptions of handguns and tequila. ]:
Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

 posted posted 08-14-2001 23:25

Working with layers is pretty complicated. You mentioned wanting to do animations - layers aren't necessary for that. You may want to look at doc's flourish page for a bit of info on a simple way to animate - http://www.ozones.com/flourish.html - although that has some problems when you put your mouse over it and off it quickly, it's very nice nonetheless.

Work with the easier stuff first, changing images, document.write-ing, alert boxes, stuff like that until you get the hang of the language. Then start looking into how to access an HTML element with an ID in different browsers, and some of the style properties you can change about that element. Then you'll be ready for the type of stuff Bug has on his site.
Wakkos
Maniac (V) Mad Scientist

From: Azylum's Secret Lab
Insane since: Oct 2000

 posted posted 08-14-2001 23:37

Ok, Slime, i'll do what you said, if i become a bad mediocre web designer is all your fault!!!!
Just Kidding

I've worked already with the Doc's Flourish very nice, now i'm going to start looking into how to access an HTML element with an ID in different browsers...

Thanks!! Big help those guys here!
Wakkos
Maniac (V) Mad Scientist

From: Azylum's Secret Lab
Insane since: Oct 2000

 posted posted 08-17-2001 00:56

Ok Guys, i got this web page, and it does exactly what i want: when you make click on the buttom, the image flies from the left to the right, BUT, but, i want to make them go back clicking again!! is that possible??

Code:
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<TITLE>Una bonita presentaci&oacute;n</TITLE>
<STYLE TYPE="text/css">
#cargando { position: absolute; left:0px; top:0px; width:400px; height:200px; visibility: visible;
background-color:white; layer-background-color:white;}
#pegaso { position: absolute; top:10px; left:0px; visibility: visible;}
#mensaje { position: absolute; top: 50px; left: 0px; width:102px; visibility: visible;}
#unicornio { position: absolute; top: 90px; left: 0px; width:102px; visibility: visible;}
#boton { position: absolute; top: 100px; left: 180px; visibility: hidden;}
</STYLE>

<SCRIPT LANGUAGE="JavaScript">
var referenciaEstilo;
var capaVisible;
var navegador;
if (navigator.appName == "Netscape") {
referenciaEstilo = "";
capaVisible="show";
navegador = "Netscape"; }
else {
referenciaEstilo = "style.";
capaVisible="visible";
navegador = "Explorer"; }
function nada() {}
function referenciaCapa(nombreCapa) {
if (navegador=="Netscape")
return "document.layers['"+nombreCapa+"'].";
else
return "document.all['"+nombreCapa+"'].";
}

function referenciaPixels(pixels) {
if (navegador=="Netscape")
return parseInt(pixels);
else
return "'"+pixels+"px'";
}


var iPegaso=0,iUnicornio=0,iMensaje=0;
function ocultarCapa(nombreCapa) {
eval(referenciaCapa(nombreCapa)+referenciaEstilo+'visibility = "hidden"');
}
function mostrarCapa(nombreCapa) {
eval(referenciaCapa(nombreCapa)+referenciaEstilo+'visibility = "visible"');
}
function inicio() {
ocultarCapa("cargando");
mostrarCapa("boton");
}
function moverCapas () {
var seguir=false;
if (iPegaso!=100) {
iPegaso+=4;
eval(referenciaCapa("pegaso")+referenciaEstilo+'left ='+iPegaso);
seguir=true;
}

if (seguir) {
setTimeout("moverCapas()",1);
}
}

function moverCapas2 () {
var seguir=false;
if (iMensaje!=100) {
iMensaje+=4;
eval(referenciaCapa("mensaje")+referenciaEstilo+'left ='+iMensaje);
seguir=true;
}
if (seguir) {
setTimeout("moverCapas2()",1);
}
}

function moverCapas3 () {
var seguir=false;
if (iUnicornio!=100) {
iUnicornio+=4;
eval(referenciaCapa("unicornio")+referenciaEstilo+'left ='+iUnicornio);
seguir=true;
}
if (seguir) {
setTimeout("moverCapas3()",1);
}
}
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#FFFFFF" onLoad="inicio()">
<DIV ID="cargando">
<BR><BR><HR>
<P ALIGN=CENTER>Leyendo los gr&aacute;ficos, espere un poco</P>
<HR>
</DIV>
<DIV ID="pegaso">
<IMG SRC="graficos/pegaso.gif">
</DIV>
<DIV ID="mensaje">
<IMG SRC="graficos/pegaso.gif">
</DIV>
<DIV ID="unicornio">
<IMG SRC="graficos/pegaso.gif">
</DIV>
<DIV ID="boton">
<FORM>
<INPUT TYPE="button" VALUE="P&uacute;lsame" onClick="moverCapas()">
<INPUT TYPE="button" VALUE="P&uacute;lsame" onClick="moverCapas2()">
<INPUT TYPE="button" VALUE="P&uacute;lsame" onClick="moverCapas3()">
</FORM>
</DIV>
</BODY>
</HTML>


I made a function for every different buttom (remeber, i'm a newbbie, so i can make some stupis things) but i did my best! (or my worst?)


.-rotate script by Mr.Max

« Backwards — Onwards »

Show Forum Drop Down Menu
Maximum Security
OZONE
DHTML/Javascript
Server-Side Scripting - Oh my!
CSS - DOM - XHTML - XML - XSL - XSLT
Stupid Basic HTML
Visual Therapy
Photoshop
Photoshop Pong, Anyone?
***WARNING*** BIG SIG APPROACHING
Photography
3D Modelling & Rendering
Multimedia/Animation
Print Graphics
Holding Pens
Philosophy and other Silliness
Outpatient Counseling
Site reviews!
Mad Scientists' Laboratory
Getting to know the Grail