Opening link in a new template/aready defined/ window

[Nospam]

I am trying to open a link in a new template window :
<a onclick="window open('example.h tml','example') ;return false;"
href="http://www.example.com " target="_blank" example link</a>

such that clicking on the example link will open it in a new window in an
already saved template/site/ called example.html

[ASM]

Nospam a écrit :

I am trying to open a link in a new template window :
<a onclick="window open('example.h tml','example') ;return false;"
href="http://www.example.com " target="_blank" example link</a>

such that clicking on the example link will open it in a new window in an
already saved template/site/ called example.html

soluce 1 :

<a href="http://www.example.com " target="example "example link</a>
soluce 2 :

<a onclick="window .open('','examp le');"
href="http://www.example.com " target="example "example link</a>

soluce 3 :

<a onclick="window .open(this.href );return false;"
href="http://www.example.com "example link</a>
I do not understand : open a html file in a template.

Some softs can help to create a new html file with a template.
Idea in php :
http://dosimple.ch/articles/Template...ate.class.phps

--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé
Stephane Moriaux and his (less) old Mac already out of date

[Nospam]

I do not understand : open a html file in a template.

I mean lets say I have an animation
animation.swf

and I want to open it in a new window, but not a _blank window, a window
that I have already made that has my logo and text and in the middle I want
the animation to show, I understand I can just create a webpage call it
template.html and have some text title e.t.c but I am confused how I show
the animation in this page as a popup

[ASM]

Nospam a écrit :

>I do not understand : open a html file in a template.

I mean lets say I have an animation
animation.swf

and I want to open it in a new window, but not a _blank window, a window
that I have already made that has my logo and text and in the middle I want
the animation to show, I understand I can just create a webpage call it
template.html and have some text title e.t.c but I am confused how I show
the animation in this page as a popup

Let's suppose in your 'template.html' you have a div 'content' :

Code in your mother page :

<script type="text/javascript">
var truc = false;
function loadFlash(myFla sh) {
myFlash = myFlash.href;
if(truc && !truc.closed) truc.close();
truc = window.open('te mplate.htm');
truc.onload = function() {
var cible = truc.document.g etElementById(' content');
var flash = document.create Element('OBJECT ');
flash.type = "applicatio n/x-shockwave-flash";
flash.data = myFlash;
flash.width = '128'; // here put correct
flash.height = '128'; // width and height
// params of your swf :
flash.innerHTML = '<param name=movie value="'+myFlas h+'">';
// empty the div 'content' of popup
while(cible.fir stChild) {cible.removeCh ild(cible.first Child);};
// display the flash animation
cible.appendChi ld(flash);
truc.focus();
}
return false;
}
</script>

<a href="bidule.sw f" onclick="loadFl ash(this);">bid ule</a>
<a href="foo.swf" onclick="loadFl ash(this);">foo </a>

The popup has not to be closed before to open a new swf in it
(Here sizes of these swf are same)
Variante with sizing :

<script type="text/javascript">
var truc = false;
function loadFlash(myFla sh, w, h) {
myFlash = myFlash.href;
if(truc && !truc.closed) truc.close();
truc = window.open('te mplate.htm','', 'width=600,heig ht=550,'+
'resizing=1,scr ollbars=1');
truc.onload = function(){open er.flashy(myFla sh,w,h);};
truc.focus();
return false;
}
function flashy(myFlash, w,h) {
var cible = truc.document.g etElementById(' content');
var flash = document.create Element('OBJECT ');
flash.type = "applicatio n/x-shockwave-flash";
flash.data = myFlash;
flash.width = w; // here put correct
flash.height = h; // width and height
// params of your swf :
flash.innerHTML = '<param name=movie value="'+myFlas h+'">';
// empty the div 'content' of popup
while(cible.fir stChild) cible.removeChi ld(cible.firstC hild);
// display the flash animation
cible.appendChi ld(flash);
}
</script>

<a href="bidule.sw f" onclick="loadFl ash(this,128,12 8);">bidule</a>
<a href="foo.swf" onclick="loadFl ash(this,360,24 0);">foo</a>

Not tested ...

--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé
Stephane Moriaux and his (less) old Mac already out of date

[Nospam]

I am wondering how it could be done with more than one animation
link:

:
<a onclick="window open('','exampl e');return false;"
href=http://www.example.com/animation.swf target="example "example link
1</a>
<a onclick="window open('','exampl e');return false;"
href=http://www.example.com/animation2.swf target="_blank" example link
2</a>

such that clicking on the example link 1 or link 2 will open it in a
new window in an already saved template/site/ called example.html, how
could I amend your code so that
<a href="bidule.sw f" onclick="loadFl ash(this);">bid ule</a>
<a href="foo.swf" onclick="loadFl ash(this);">foo </a>

bidule.swf and foo.swf are not the only ones to show in a new
template (any link with animation in the url)

thanks

[ASM]

Nospam a écrit :

I am wondering how it could be done with more than one animation
link:

:
<a onclick="window open('','exampl e');return false;"
href=http://www.example.com/animation.swf target="example "example link
1</a>
<a onclick="window open('','exampl e');return false;"
href=http://www.example.com/animation2.swf target="_blank" example link
2</a>

such that clicking on the example link 1 or link 2 will open it in a
new window in an already saved template/site/ called example.html,

With what you give up there :
1) will open 'animation.swf' in :
- if JS a new normal window containing html target 'example'
- if no JS in a new normal window
using same window for each call targeted 'example'
witch is html name of new/old window
2) will open 'animation2.swf '
same as above (1)
but, in html without JS, each call will fire in a new blank window

how could I amend your code so that

<a onclick="loadFl ash(this);" target="example "
href=http://www.example.com/animation.swfex ample link 1</a>
<a onclick="loadFl ash(this);" target="example "
href=http://www.example.com/animation3.swfe xample link 3</a>
<a onclick="loadFl ash(this);" target="example "
href=http://www.example.com/animation4.swfe xample link 4</a>
<a onclick="loadFl ash(this);" target="_blank"
href=http://www.example.com/animation2.swfe xample link 2</a>
<a onclick="loadFl ash(this);" target="_blank"
href=http://www.example.com/animation5.swfe xample link 5</a>

Or use the variant witch specify width and height of flash
<a onclick="loadFl ash(this,360,24 0);" target="example "
href=http://www.example.com/animation.swfex ample link 1</a>

How it is supposed to work (remember: not tested) :

On calling loadFlash() :
- if popup already open :
- close popup
- if no popup (or closed popup)
- open new popup with file 'template.html'
- when file 'template.html' is loaded
-insert in div 'content' of this file
your flash called in href of the link
- put popup in front
- abort html call

Example for canvas file 'template.html'

<html>
<head>
<title>My beautiful flash</title>
<link href="styles.cs s" type="text/css">
</head>
<body>
<h1 id="header">wel come</h1>
<div id="content">
<p>Place for swf file</p>
</div>
<p id="footer">bye </p>
</body>
</html>
You can also open an empty popup
then fill it with html code :

function loadFlash(myFla sh, w, h) {
myFlash = myFlash.href;
if(truc && !truc.closed) truc.close();
truc = window.open('', '','width=600,h eight=550,'+
'resizing=1,scr ollbars=1');
var htm = '<html><link href="styles.cs s" type="text/css">';
htm += '<h1 id="header"><im g src="logo.jpg"h ello<\/h1>';
htm += '<object "applicatio n/x-shockwave-flash" data="'+myFlash +'" ';
htm += 'width='+w+' height='+h+'><p aram name=movie ';
htm += 'value="'+myFla sh+'"><\/object>';
htm += '<p id="footer">bi e bie<\/p><\/html>';
truc.document.o pen();
truc.document.w rite(htm);
truc.document.c lose();
return false;
}

--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé
Stephane Moriaux and his (less) old Mac already out of date

[Nospam]

I have in the main page:
<html>
<body>
<script type="text/javascript">
function loadFlash(myFla sh, w, h) {
myFlash = myFlash.href;
if(truc && !truc.closed) truc.close();
truc = window.open('', '','width=600,h eight=550,'+

'toolbar=no,sta tus=no,menubar= no,scrollbars=n o,resizable=no, directories=no, l
ocation=no');
var htm = '<html><link href="styles.cs s" type="text/css">';
htm += '<h1 id="header"><He llo<\/h1>';
htm += '<object "applicatio n/x-shockwave-flash" data="'+myFlash +'" ';
htm += 'width='+w+' height='+h+'><p aram name=movie ';
htm += 'value="'+myFla sh+'"><\/object>';
htm += '<p id="footer">bi e bie<\/p><\/html>';
truc.document.o pen();
truc.document.w rite(htm);
truc.document.c lose();
return false;
}
</script>

<li>
<a onclick="loadFl ash(this);" href="http://www.example.com/animation1.swf"
target="one">
First animation</a</li>
<li>
<a onclick="loadFl ash(this);" href="http://www.example.com/animation2.swf"
target="one">
second animation</a</li>
<li>
<a onclick="loadFl ash(this);" href="http://www.example.com/animation3.swf"
target="one">
Third animation</a</li>

</body>
</html>

...

But each time I click on any of the links it opens it in a new window and
not in the new popup.

[Nospam]

so far I have amended the code, but it only shows the popup on the first
click (without the animation, just an empty popup), every other click shows
the animation in a new window
<html>
<body>
<script type="text/javascript">
var truc = false;
function loadFlash(myFla sh, w, h) {
myFlash = myFlash.href;
if(truc && !truc.closed) truc.close();
truc = window.open('', '','width=600,h eight=550,'+

'toolbar=no,sta tus=no,menubar= no,scrollbars=n o,resizable=no, directories=no, l
ocation=no');
var htm = '<html><link href="styles.cs s" type="text/css">';
htm += '<h1 id="header"><He llo<\/h1>';
htm += '<object "applicatio n/x-shockwave-flash" data="'+myFlash +'" ';
htm += 'width='+w+' height='+h+'><p aram name=movie ';
htm += 'value="'+myFla sh+'"><\/object>';
htm += '<p id="footer">bi e bie<\/p><\/html>';
truc.document.o pen();
truc.document.w rite(htm);
truc.document.c lose();
}
</script>

<li>
<a onclick="loadFl ash(this); return false"
href="http://www.example.com/animation1.swf"
target="one">
First animation</a</li>
<li>
<a onclick="loadFl ash(this); return false"
href="http://www.example.com/animation2.swf"
target="one">
second animation</a</li>
<li>
<a onclick="loadFl ash(this); return=false"
href="http://www.example.com/animation3.swf"
target="one">
Third animation</a</li>

[ASM]

Nospam a écrit :

so far I have amended the code, but it only shows the popup on the first
click (without the animation, just an empty popup),

Of course you did have forgotten sizes of swg

every other click shows

then JS is broken

the animation in a new window

and only html is still working

function loadFlash(myFla sh, w, h) {

(snip)

htm += '<h1 id="header"><He llo<\/h1>';

htm += '<h1 id="header"Hell o <\/h1>';

(snip)

<a onclick="loadFl ash(this); return false"

<a onclick="loadFl ash(this,255,17 4); return false"
that bellow would have to work :

<html>
<script type="text/javascript">
var truc = false;
function loadFlash(myFla sh, w, h) {
myFlash = myFlash.href;
if(truc && !truc.closed) truc.close();
truc = window.open('', '','width=600,h eight=550,'+
'toolbar=no,sta tus=no,menubar= no,scrollbars=n o,'+
'resizable=no,d irectories=no,l ocation=no');
var htm = '<html><link href="styles.cs s" type="text/css">';
htm += '<h1 id="header">Hel lo<\/h1>';
htm += '<object "applicatio n/x-shockwave-flash" data="'+myFlash +'" ';
htm += 'width='+w+' height='+h+'><p aram name=movie ';
htm += 'value="'+myFla sh+'"><\/object>';
htm += '<p id="footer">bi e bie<\/p><\/html>';
truc.document.o pen();
truc.document.w rite(htm);
truc.document.c lose();
}
</script>
<ul>
<li>
<a onclick="loadFl ash(this,128,12 8); return false"
href="http://www.example.com/animation1.swf"
target="one">
First animation</a</li>
<li>
<a onclick="loadFl ash(this,320,24 0); return false"
href="http://www.example.com/animation2.swf"
target="one">
second animation</a</li>
<li>
<a onclick="loadFl ash(this,160,90 ); return false"
href="http://www.example.com/animation3.swf"
target="one">
Third animation</a</li>
</ul>
</html>
--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé
Stephane Moriaux and his (less) old Mac already out of date

[Nospam]

I am unable to see the animation just a big X that means a broken link, this
is what the code looks like:

<html>
<script type="text/javascript">
var truc = false;
function loadFlash(myFla sh, w, h) {
myFlash = myFlash.href;
if(truc && !truc.closed) truc.close();
truc = window.open('', '','width=600,h eight=550,'+
'toolbar=no,sta tus=no,menubar= no,scrollbars=n o,'+
'resizable=no,d irectories=no,l ocation=no');
var htm = '<html><link href="styles.cs s" type="text/css">';
htm += '<h1 id="header">Hel lo<\/h1>';
htm += '<object "applicatio n/x-shockwave-flash" data="'+myFlash +'" ';
htm += 'width='+w+' height='+h+'><p aram name=movie ';
htm += 'value="'+myFla sh+'"><\/object>';
htm += '<p align=right<scr ipt type="text/javascript"><!--';
htm += 'google_ad_clie nt = "pub-45886979038586" ';
htm += 'google_ad_widt h = 120';
htm += 'google_ad_heig ht = 600';
htm += 'google_ad_form at = "120x600_as "';
htm += 'google_ad_type = "image"';
htm += '//2007-01-14: creen';
htm += 'google_ad_chan nel = "6541907411 "';
htm += '//--><\/script>';
htm += '<script type="text/javascript"';
htm += ' src="http://pagead2.googles yndication.com/pagead/show_ads.js">';
htm += '<\/script><\/p>';
htm += '<p id="footer">bi e bie<\/p><\/html>';
truc.document.o pen();
truc.document.w rite(htm);
truc.document.c lose();
}
</script>
<ul>
<li>
<a onclick="loadFl ash(this,128,12 8); return false"
href="http://www.example.com/animation1.swf"
target="one">
First animation</a</li>
<li>
<a onclick="loadFl ash(this,320,24 0); return false"
href="http://www.example.com/animation2.swf"
target="one">
second animation</a</li>
<li>
<a onclick="loadFl ash(this,160,90 ); return false"
href="http://www.example.com/animation3.swf"
target="one">
Third animation</a</li>
</ul>
</html>