Log In · Register

 
2 Pages V   1 2 >  
 Closed TopicStart new topic
Another question.., Javascript this time
GunsNRachel
post May 8 2008, 03:16 PM
Post #1


Senior Member
****

Group: Member
Posts: 292
Joined: Jul 2007
Member No: 545,047
CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<title>Take Me Away Layouts - Version 1.0</title>

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

<style type="text/css">

td, tr
{
color: white;
font-family: arial;
font-size: 12px;
line-height: 13px;
}



body {
background:Url("http://i30.tinypic.com/21zjhy.png");
background-repeat: repeat;
margin: 0px 0;
font-family: trebuchet ms, sans serif;
font-size: 12px;
color: #fff;
text-align: justify;
line-height: 11px;
width: 1024px;
}

h1 {
font-color: #D4E9CA;
font-size: 16px;
line-height: 16px;
font-weight: normal;
background-color: 363636;
letter-spacing:0px;
font-family: arial;
text-transform: none;
text-align: center;
text-transform: none;
}

#content {
position:absolute;
top: 290px;
left:;
text-align: center;
float: left;
width: 1024px;
background-color:;
padding: 5px;
}

</style></head>

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<div id="content">
<h1>Blends and Other Photoshop Things</h1><p>
<a href="http://i27.tinypic.com/mv6qkg.png" rel="lightbox" title="my caption"><img src="http://i29.tinypic.com/20icqc2.png"></a>
</p>
</div>

</body>
</html>


This is my code. I want to have a preview picture, then when you click it have the lightbox thing show up. The only problem is that when I click on the preview image it brings up a new window. That's not what I want _unsure.gif=( . What do I do to fix this?

To see what's going on.. http://takemeawaylayouts.bravehost.com/Index.html
 
GunsNRachel
post May 8 2008, 03:24 PM
Post #2


Senior Member
****

Group: Member
Posts: 292
Joined: Jul 2007
Member No: 545,047
yea haha. I don't know what to do after I download it though? I just have everything sitting on my desktop.
 
GunsNRachel
post May 8 2008, 03:31 PM
Post #3


Senior Member
****

Group: Member
Posts: 292
Joined: Jul 2007
Member No: 545,047
ohh. er, what is ftp?
 
GunsNRachel
post May 8 2008, 03:36 PM
Post #4


Senior Member
****

Group: Member
Posts: 292
Joined: Jul 2007
Member No: 545,047
ahh thanks. bravenet has an "ftp manager" thing that I just signed up for. so I'm guessing that's what I upload it to. I have one more question though, do I upload the unzipped thing, or each unzipped one individually?
 
GunsNRachel
post May 8 2008, 03:39 PM
Post #5


Senior Member
****

Group: Member
Posts: 292
Joined: Jul 2007
Member No: 545,047
thanks =)

lovely. I'm trying to upload it and it's staying at 0%. just my flippin luck haha
 
GunsNRachel
post May 8 2008, 03:42 PM
Post #6


Senior Member
****

Group: Member
Posts: 292
Joined: Jul 2007
Member No: 545,047
oh wait! i got it. i uploaded everything and it still isn't working though?
 
GunsNRachel
post May 8 2008, 03:49 PM
Post #7


Senior Member
****

Group: Member
Posts: 292
Joined: Jul 2007
Member No: 545,047
woah. what the heck is that? haha. my code doesn't look messed up like that? im thinking i probably forgot to upload something like an idiot
 
Melissa
post May 8 2008, 03:53 PM
Post #8


;)
******

Group: Duplicate
Posts: 2,374
Joined: Feb 2004
Member No: 3,760
CODE
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>


Make sure you're linking it correctly. I'm not sure if that's the problem, since I'm not sure how bravehost works, but just double check that.
 
GunsNRachel
post May 8 2008, 03:59 PM
Post #9


Senior Member
****

Group: Member
Posts: 292
Joined: Jul 2007
Member No: 545,047
eh that's not the problem either. am i supposed to put the the code in the css folder somewhere on my page?
 
Melissa
post May 8 2008, 04:06 PM
Post #10


;)
******

Group: Duplicate
Posts: 2,374
Joined: Feb 2004
Member No: 3,760
you can try moving the stylesheet to the header, instead of the body.

move
CODE
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />


to within the head.

idk if that'll help.
 
GunsNRachel
post May 8 2008, 04:09 PM
Post #11


Senior Member
****

Group: Member
Posts: 292
Joined: Jul 2007
Member No: 545,047
that didn't do it either. I'm going to pull my hair out =(

was i just supposed to upload everything to my site separately? and then put in the "previous" and "next" image links? do i have to change any other links?
 
Melissa
post May 8 2008, 04:22 PM
Post #12


;)
******

Group: Duplicate
Posts: 2,374
Joined: Feb 2004
Member No: 3,760
Just to test if it's the referencing within the js/css folders, replace your source with this (it's from my server and works with my site):

http://heartquasm.org/js/prototype.js

in front of everything.
 
GunsNRachel
post May 8 2008, 04:26 PM
Post #13


Senior Member
****

Group: Member
Posts: 292
Joined: Jul 2007
Member No: 545,047
where do i put that at?

i feel so dumb. sorry guys =(
 
GunsNRachel
post May 8 2008, 05:32 PM
Post #14


Senior Member
****

Group: Member
Posts: 292
Joined: Jul 2007
Member No: 545,047
that's the same thing they have on their site. i did all of that already though =(
 
GunsNRachel
post May 8 2008, 05:41 PM
Post #15


Senior Member
****

Group: Member
Posts: 292
Joined: Jul 2007
Member No: 545,047
i put the links to where i uploaded the stuff for it in the code on that site, but it didn't make much of a difference. actually, I'm not sure if I was supposed to do that. but now it doesn't even redirect to another page.
 
GunsNRachel
post May 8 2008, 06:26 PM
Post #16


Senior Member
****

Group: Member
Posts: 292
Joined: Jul 2007
Member No: 545,047
I'm pretty sure I'm going to lose my mind over this pinch.gif
 
synatribe
post May 8 2008, 06:33 PM
Post #17


AIDS at RAVES.
******

Group: Official Designer
Posts: 2,386
Joined: Dec 2007
Member No: 598,878
okay so looking at your code your going to need to call the javascript codes out to make the lightbox function correctly, you need to make a new folder called "js" and upload all the javascript files into the JS folder. then in the lightbox documenatation there should be a provided link something like
CODE
<a href="dog.jpg" rel="lightbox" ><img src="dog_thumb.jpg" /></a>
, that is you special link for the lighbox application, no other links will function correctly :]
 
GunsNRachel
post May 8 2008, 06:41 PM
Post #18


Senior Member
****

Group: Member
Posts: 292
Joined: Jul 2007
Member No: 545,047
alright, thanks. after i upload them into this folder, what do i do? do i put the links to them somewhere?
 
GunsNRachel
post May 8 2008, 06:51 PM
Post #19


Senior Member
****

Group: Member
Posts: 292
Joined: Jul 2007
Member No: 545,047
woah, it's all screwed up now.
 
Melissa
post May 8 2008, 06:59 PM
Post #20


;)
******

Group: Duplicate
Posts: 2,374
Joined: Feb 2004
Member No: 3,760
see, the problem is that i don't know how your bring your folders up in bravehost.

Replace:
CODE
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>


and

CODE
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />


with

CODE
<script type="text/javascript" src="http://heartquasm.org/js/prototype.js"></script>
<script type="text/javascript" src="http://heartquasm.org/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="http://heartquasm.org/js/lightbox.js"></script>

and
CODE
<link rel="stylesheet" href="http://heartquasm.org/css/lightbox.css" type="text/css" media="screen" />



and see what happens.

if it works, then it just means that the bravehost folders are screwed up.
 
synatribe
post May 8 2008, 07:00 PM
Post #21


AIDS at RAVES.
******

Group: Official Designer
Posts: 2,386
Joined: Dec 2007
Member No: 598,878
okay I recommend starting ALL over because you seem to have messed up at a point where we dont know you messed up, so okay when you downloaded the lightbox files you unzipped, and extracted the files? right?
then you upload everything on to your server, there should be two folders a folder called Js and CSS and some kind of file, then after you have uploaded these files, link these files in the head of your layout, after that, use the link I provided you and change the "dog.jpg" to the link of your file
then it should work, by the way this should be found on the documentation of the site or read the file that says "READ ME"
 
GunsNRachel
post May 8 2008, 07:18 PM
Post #22


Senior Member
****

Group: Member
Posts: 292
Joined: Jul 2007
Member No: 545,047
ugh. i restarted everything, uploaded all the folders and everything, and now nothing is happening.
 
GunsNRachel
post May 8 2008, 07:19 PM
Post #23


Senior Member
****

Group: Member
Posts: 292
Joined: Jul 2007
Member No: 545,047
it gets screwed up when i use your codes heartquasm
 
Melissa
post May 8 2008, 07:28 PM
Post #24


;)
******

Group: Duplicate
Posts: 2,374
Joined: Feb 2004
Member No: 3,760
okay one sec.

i just registered a bravehost thing and did it, lemme screenshot it for you:
http://test0209.bravehost.com/index.html

gimme a sec...

Step one: EXTRACT THE FILES FROM THE ZIP to your own computer.


Step two: Create a JS, CSS, and Images file in your file manager


Step three: UPLOAD the files from your computer in your extracted files to their respective files on your file manager in bravehost:


Step four: in your index.html, add this code
CODE
<html>
  <head>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
</head>
<body>
<a href="img url" rel="lightbox"><img src="thumbnail url"></a>
  </body>
</html>
 
Melissa
post May 8 2008, 07:35 PM
Post #25


;)
******

Group: Duplicate
Posts: 2,374
Joined: Feb 2004
Member No: 3,760
There.
 
« Next Oldest · Webmasters' Corner Resolved Topics · Next Newest »
 

2 Pages V   1 2 >
Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic