gebruik van 2scripts
peterson - 04/06/2005 15:27 (laatste wijziging 04/06/2005 17:29)
Nieuw lid
Ik heb 2 enkele scripten naar 1 gezet voor mijn index pagina,
het 1ste zorgt ervoor dat ik over mijn menu heen ga met de muis dat die van kleur verandert,
het 2de script is een popup die tegelijk met de index wordt ingeladen vanaf je naar de site surft
nu de popup werkt,
maar het script van plaatje veranderen als je over het menu heen gaat niet meer .
zijn er kenners die me kunnen helpen,
code onderaan is het gene dat ik op me index staan heb.
<script language="JavaScript" type="text/javascript">
function init()
{
if (!document.getElementById) return
rtag = "over";
var imgOriginSrc;
var imgTemp = new Array();
var imgarr = document.getElementsByTagName('img');
for (var i = 0; i < imgarr.length; i++)
{
if (imgarr[i].getAttribute(rtag))
{
imgTemp[i] = new Image();
imgTemp[i].src = imgarr[i].getAttribute(rtag);
imgarr[i].onmouseover = function()
{
imgOriginSrc = this.getAttribute('src');
this.setAttribute('src',this.getAttribute(rtag))
}
imgarr[i].onmouseout = function(){this.setAttribute('src',imgOriginSrc)}
}
}
}
onload=init;
<!--
var win=null;
function NewWindow(mypage,myname,w,h,pos,infocus){
if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}
if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;}
else if((pos!='center' && pos!="random") || pos==null){myleft=820;mytop=150}
settings="width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=no,location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no";win=window.open(mypage,myname,settings);
win.focus();}
// -->
</script>
<script language = "JavaScript" type= "text/javascript" >
function init( )
{
if ( ! document. getElementById) return
rtag = "over" ;
var imgOriginSrc;
var imgTemp
= new Array ( ) ; var imgarr = document. getElementsByTagName( 'img' ) ;
for ( var i = 0 ; i < imgarr. length; i++ )
{
if ( imgarr[ i] . getAttribute( rtag) )
{
imgTemp[ i] = new Image( ) ;
imgTemp[ i] . src = imgarr[ i] . getAttribute( rtag) ;
imgarr[ i] . onmouseover = function ( )
{
imgOriginSrc = this. getAttribute( 'src' ) ;
this. setAttribute( 'src' , this. getAttribute( rtag) )
}
imgarr[ i] . onmouseout = function ( ) { this. setAttribute( 'src' , imgOriginSrc) }
}
}
}
onload= init;
<!--
var win= null ;
function NewWindow
( mypage
, myname
, w
, h
, pos , infocus
) { if ( pos == "random" ) { myleft
= ( screen
. width
) ?Math
. floor ( Math
. random
( ) * ( screen
. width
- w
) ) : 100 ; mytop
= ( screen
. height
) ?Math
. floor ( Math
. random
( ) * ( ( screen
. height
- h
) - 75 ) ) : 100 ; } if ( pos == "center" ) { myleft
= ( screen
. width
) ?
( screen
. width
- w
) / 2 : 100 ; mytop
= ( screen
. height
) ?
( screen
. height
- h
) / 2 : 100 ; } else if ( ( pos != 'center' && pos != "random" ) || pos == null ) { myleft
= 820 ; mytop
= 150 } settings= "width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=no,location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no" ; win= window. open( mypage, myname, settings) ;
win. focus( ) ; }
// -->
</script>
:'( :$
nemesiskoen edit: code tags:)
6 antwoorden
Gesponsorde links
Legolas - 04/06/2005 16:01
Onbekend
Zet bij elke mouseover image, het attribuut hsrc met waarde: onmouseover image. EN volgensmij klopt scrippie not exact, zo hoort ie:
<script type="text/javascript">
function init() {
if (!document.getElementById) return
var imgOriginSrc;
var imgTemp = new Array();
var imgarr = document.getElementsByTagName('img');
for (var i = 0; i < imgarr.length; i++) {
if (imgarr[i].getAttribute('hsrc')) {
imgTemp[i] = new Image();
imgTemp[i].src = imgarr[i].getAttribute('hsrc');
imgarr[i].onmouseover = function() {
imgOriginSrc = this.getAttribute('src');
this.setAttribute('src',this.getAttribute('hsrc'))
}
imgarr[i].onmouseout = function() {
this.setAttribute('src',imgOriginSrc)
}
}
}
}
onload=init;
</script>
< script type= "text/javascript" >
function init( ) {
if ( ! document. getElementById) return
var imgOriginSrc;
var imgTemp
= new Array ( ) ; var imgarr = document. getElementsByTagName( 'img' ) ;
for ( var i = 0 ; i < imgarr. length; i++ ) {
if ( imgarr[ i] . getAttribute( 'hsrc' ) ) {
imgTemp[ i] = new Image( ) ;
imgTemp[ i] . src = imgarr[ i] . getAttribute( 'hsrc' ) ;
imgarr[ i] . onmouseover = function ( ) {
imgOriginSrc = this. getAttribute( 'src' ) ;
this. setAttribute( 'src' , this. getAttribute( 'hsrc' ) )
}
imgarr[ i] . onmouseout = function ( ) {
this. setAttribute( 'src' , imgOriginSrc)
}
}
}
}
onload= init;
</script>
peterson - 04/06/2005 16:53
Nieuw lid
bovenste scriptie werk alleen wel, vanaf ik die 2de scriptie er bijvoegde werkte de popup dus, maar de eerste scriptie dan niet meer ?
prorsoft - 04/06/2005 16:57
PHP gevorderde
@Legolas: Waarom moet hij persé hsrc gebruiken? Als hij het "over" wil noemen dan doet hij dat toch? 'T zijn toch allebei niet-bestaande attributen.
<script language="JavaScript" type="text/javascript">
if (!document.getElementById) return
rtag = "over";
var imgOriginSrc;
var imgTemp = new Array();
var imgarr = document.getElementsByTagName('img');
for (var i = 0; i < imgarr.length; i++)
{
if (imgarr[i].getAttribute(rtag))
{
imgTemp[i] = new Image();
imgTemp[i].src = imgarr[i].getAttribute(rtag);
imgarr[i].onmouseover = function()
{
imgOriginSrc = this.getAttribute('src');
this.setAttribute('src',this.getAttribute(rtag))
}
imgarr[i].onmouseout = function(){this.setAttribute('src',imgOriginSrc)}
}
}
<!--
var win=null;
function NewWindow(mypage,myname,w,h,pos,infocus){
if(pos=="random"){myleft=(screen.width)?Math.floor(Math.ra
ndom()*(screen.width-w)):100;mytop=(screen.height)?Math.floo
r(Math.random()*((screen.height-h)-75)):100;}
if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2
:100;mytop=(screen.height)?(screen.height-h)/2:100;}
else if((pos!='center' && pos!="random") || pos==null){myleft=820;mytop=150}
settings="width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=no,location=no,directories=no,status=no,menuba
r=no,toolbar=no,resizable=no";win=window.open(mypage,myname
,settings);
win.focus();}
// -->
</script>
<script language = "JavaScript" type= "text/javascript" >
if ( ! document. getElementById) return
rtag = "over" ;
var imgOriginSrc;
var imgTemp
= new Array ( ) ; var imgarr = document. getElementsByTagName( 'img' ) ;
for ( var i = 0 ; i < imgarr. length; i++ )
{
if ( imgarr[ i] . getAttribute( rtag) )
{
imgTemp[ i] = new Image( ) ;
imgTemp[ i] . src = imgarr[ i] . getAttribute( rtag) ;
imgarr[ i] . onmouseover = function ( )
{
imgOriginSrc = this. getAttribute( 'src' ) ;
this. setAttribute( 'src' , this. getAttribute( rtag) )
}
imgarr[ i] . onmouseout = function ( ) { this. setAttribute( 'src' , imgOriginSrc) }
}
}
<!--
var win= null ;
function NewWindow
( mypage
, myname
, w
, h
, pos , infocus
) { if ( pos == "random" ) { myleft
= ( screen
. width
) ?Math
. floor ( Math
. ra
ndom( ) * ( screen. width- w) ) : 100 ; mytop= ( screen. height) ?Math. floo
r( Math. random( ) * ( ( screen. height- h) - 75 ) ) : 100 ; }
if ( pos == "center" ) { myleft
= ( screen
. width
) ?
( screen
. width
- w
) / 2 : 100 ; mytop= ( screen. height) ?( screen. height- h) / 2 : 100 ; }
else if ( ( pos != 'center' && pos != "random" ) || pos == null ) { myleft
= 820 ; mytop
= 150 } settings= "width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=no,location=no,directories=no,status=no,menuba
r=no,toolbar=no,resizable=no" ; win= window. open( mypage, myname
, settings) ;
win. focus( ) ; }
// -->
</script>
dat init hoeft niet;-)
zo voertie het goed uit
dit probleem had ik ook en zo moet het werken.
peterson - 04/06/2005 17:33 (laatste wijziging 04/06/2005 18:03)
Nieuw lid
:( ok, ik wil niet moeilijk doen al lijkt het zo!
dus ik heb eens uitprobeert niets werkt.
daarnet hebbik deze code terug geplaatst waarmee ik gestart was,
dit loopt nu perfect (dus rollover als je met je muis over het menu gaat)
- dus dit is dan het gene ik heb op mijn index pagina,
ik wil nu enkel nog bij het laden van de site dat er tevens nog een popup tezien is van w=200 h=400 en die 820 pixels van de linkerkant staat en tevens 150 pixels naar beneden.
wat moet ik daar nog voor toevoegen aan dit al werkend javascript om nog die popup ik te hebben?
<script language="JavaScript" type="text/javascript">
function init()
{
if (!document.getElementById) return
rtag = "over";
var imgOriginSrc;
var imgTemp = new Array();
var imgarr = document.getElementsByTagName('img');
for (var i = 0; i < imgarr.length; i++)
{
if (imgarr[i].getAttribute(rtag))
{
imgTemp[i] = new Image();
imgTemp[i].src = imgarr[i].getAttribute(rtag);
imgarr[i].onmouseover = function()
{
imgOriginSrc = this.getAttribute('src');
this.setAttribute('src',this.getAttribute(rtag))
}
imgarr[i].onmouseout = function(){this.setAttribute('src',imgOriginSrc)}
}
}
}
onload=init;
</script>
<script language = "JavaScript" type= "text/javascript" >
function init( )
{
if ( ! document. getElementById) return
rtag = "over" ;
var imgOriginSrc;
var imgTemp
= new Array ( ) ; var imgarr = document. getElementsByTagName( 'img' ) ;
for ( var i = 0 ; i < imgarr. length; i++ )
{
if ( imgarr[ i] . getAttribute( rtag) )
{
imgTemp[ i] = new Image( ) ;
imgTemp[ i] . src = imgarr[ i] . getAttribute( rtag) ;
imgarr[ i] . onmouseover = function ( )
{
imgOriginSrc = this. getAttribute( 'src' ) ;
this. setAttribute( 'src' , this. getAttribute( rtag) )
}
imgarr[ i] . onmouseout = function ( ) { this. setAttribute( 'src' , imgOriginSrc) }
}
}
}
onload= init;
</script>
peterson - 05/06/2005 09:05
Nieuw lid
ok, gelukt.
enkel dit stukje moeten toevoegen aan het script
<!-- Begin
popup = window.open('http://users.skynet.be/fa316790/izzepark/tshirts.htm', 'http:users', 'width=200, height=400, toolbar=0, scrollbars=0, location=0, status=0, menubar=0, resizable=0, screenX=820, screenY=150, top=150, left=820')
setTimeout("popup.close();", 120000);
// Eind -->
<!-- Begin
popup = window. open( 'http://users.skynet.be/fa316790/izzepark/tshirts.htm' , 'http:users' , 'width=200, height=400, toolbar=0, scrollbars=0, location=0, status=0, menubar=0, resizable=0, screenX=820, screenY=150, top=150, left=820' )
setTimeout( "popup.close();" , 120000 ) ;
// Eind -->
^^
Gesponsorde links
Dit onderwerp is gesloten .