Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > Javascript > Basic Javascript scenario: best practice??

Reply
Thread Tools

Basic Javascript scenario: best practice??

 
 
bj
Guest
Posts: n/a
 
      04-15-2004
I have several pages that I want to allow the same kind of activity,
so my basic question is how best to structure the interaction (and I
have one related subquestion as well).

Scenario: The user clicks a hyperlink and opens a new window in which
there is a bit of explanatory text. This text will be different for
every link. In addition, there is an image on the page which can be
clicked to close the new window.

(This image should rollover on mousing over and out of the image: I
haen't been able to make this work yet; help?)

I would like to pass the text, and the necessary window size (just big
enough for the text)to be used to a common function that I can use
over and over again by calling that function when the user clicks the
link. And I need to be able to have the Close image have rollover
capability when the new window opens.

I don't want to creat an html doc for this and call it if that is at
all possible.

The code I have used is below, but it's too clunky and cannot be
reused easily:

function rollImages(){
if (document.images){
changeClose = new Image;
simpleClose = new Image;
changeClose.src = "../../../../../Generic_Images/close_over_v2.gif";
simpleClose.src = "../../../../../Generic_Images/close_v2.gif";
if (card.Close.src = "../../../../../Generic_Images/close_v2.gif"){
alert("I see it");

//card.Close.src =
"../../../../../Generic_Images/close_over_v2.gif";
}
//else{card.Close.src =
"../../../../../Generic_Images/close_v2.gif";}
}
else {
changeClose = "";
simpleClose = "";
document.Close = "";
}
}

function newCardWindow(){

cardHolder=window.open("", "card",
"resizable=no,width=250,height=110")

cardHolder.document.write("<html><head><title>Who is the card
holder?<\/title><\/head><body bgcolor=\"#ffffff\"
style=\"font-family:arial;\"><p>This is the person to whom the card
was officially issued during the enrollment process.<\/p><div
style=\"background-color:#00005e; bottom:0%; height:20px;
position:absolute; width:100%;\"><a onClick=\"window.close()\"
onKeyPress=\"window.close()\" id=\"CloseButtonLink\" tabindex=\"1\"
onmouseover=\"opener.rollImages()\" onmouseout=\"opener.rollImages\"
tabindex=\"1\"><div style=\"position: absolute; text-align: center;
width: 100%;\"><img src=\"..\/..\/..\/..\/..\/Generic_Images\/close_v2.gif\"
alt=\"Close Window\" name=\"Close\" id=\"Close\" width=\"66\"
height=\"20\" border=\"0\" ><\/div><\/a><\/div><\/body><\/html>")

}


down in the html the functions are called this way

<li>Color photo of the <a href="javascript:newCardWindow()">card
holder</a></li>
 
Reply With Quote
 
 
 
 
Richard Cornford
Guest
Posts: n/a
 
      04-15-2004
bj wrote:
> I have several pages that I want to allow the same kind of activity,
> so my basic question is how best to structure the interaction (and I
> have one related subquestion as well).
>
> Scenario: The user clicks a hyperlink and opens a new window
> in which there is a bit of explanatory text.


In a world where pop-up blocking is common that is an optimistic
statement.

> This text will be different for
> every link.


Hypertext.

> In addition, there is an image on the page which can be
> clicked to close the new window.


Your users don't know how to close a window?

> (This image should rollover on mousing over and out of the image: I
> haen't been able to make this work yet; help?)
>
> I would like to pass the text,

<snip>

So you want to have all of the source HTML for each of the pop-ups on
the same page as the links? But then you want to wrap it in Javascript
so that it is completely inaccessible to users with javascript disabled
(and browsers that do not support window.open, along with the people
using pop-up blockers.).

I would say forget about the new window and put the text contents in the
HTML, and then use javascript to manipulate that HTML so it acts like a
pop-up (but doesn't risk falling fowl of pop-up blockers). Have a look
at:-

<URL:
http://www.litotes.demon.co.uk/examp...iWindow_1.html >

- the last link in the list was added for you (the rest is a response to
a question form last week). And while you are there check out the link
that disables the javascript, demonstrating how you can have your pop-up
effect and still create a system that can be used by anyone with any
browser (javascript capable or not).

Richard.


 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
What is the difference between Visual Basic.NET and Visual Basic 6? Jimmy Dean Computer Support 3 07-25-2005 07:05 AM
Re: Python interpreter in Basic or a Python-2-Basic translator. rrr@ronadam.com Python 0 05-02-2005 01:48 PM
Python interpreter in Basic or a Python-2-Basic translator. Engineer Python 6 05-01-2005 10:16 PM
Basic Javascript scenario: best practice?? bj Javascript 0 04-15-2004 04:45 PM
Upgrading Microsoft Visual Basic 6.0 to Microsoft Visual Basic .NET Jaime MCSD 2 09-20-2003 05:16 AM



Advertisments