Toon posts:

2 Javascripts in 1 HTMl bestand

Pagina: 1
Acties:
  • 34 views sinds 30-01-2008

Verwijderd

Topicstarter
Ik wil graag 2 javascripts op 1 pagina laten werken. 1 script om een ander plaatje zichtbaar te maken met een mouse-over. Het andere script is om een text-container te laten zien, waarbij de tekst naar beneden scrollt als je met de muis op de plaatjes "up.gif " en "down.gif" komt. Het probleem is dat de scripts afzonderlijk wel werken, maar samen niet. Het script voor de texcontainer werkt wel. De andere niet. Iemand enig idee wat ik hier aan kan doen?

Script 1
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<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>

Script2

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script language="JavaScript1.2">
iens6=document.all||document.getElementById
ns4=document.layers

//specify speed of scroll (greater=faster)
var speed=3

if (iens6){
document.write('<div id="container" style="position:relative;width:250;height:220;border:1px solid orange;overflow:hidden">')
document.write('<div id="content" style="position:absolute;width:250;left:0;top:0">')
}
</script>
<ilayer name="nscontainer" width=250 height=133 clip="0,0,175,160">
<layer name="nscontent" width=250 height=460 visibility=hidden>
</center>
<!--INSERT CONTENT HERE-->

<!--END CONTENT-->

</layer>
</ilayer>

[ Voor 12% gewijzigd door Verwijderd op 12-01-2005 13:18 . Reden: code tags ]


Verwijderd

ehm misschien moet je die script 2 eens updaten naar vandaag
layer? ilayer? language=Javascript1.2"? center? document.layers?

verder duik even in een js tut, want je weet niet echt waar je mee bezig bent lijkt me

overigens 2 functies onload:
JavaScript:
1
2
3
4
window.onload = function() {
  init();
  iets_anders();
}


overigens: heb je door dat het script 1 in de head moet en script 2 in de body?

edit: nu 2005 year of the DOM is, moeten we dat maar ter harte nemen he :P
http://www.sitepoint.com/blog-post-view.php?id=222195

[ Voor 28% gewijzigd door Verwijderd op 12-01-2005 12:38 ]


Verwijderd

Topicstarter
:'(
Verwijderd schreef op woensdag 12 januari 2005 @ 12:33:
ehm misschien moet je die script 2 eens updaten naar vandaag
layer? ilayer? language=Javascript1.2"? center? document.layers?
updaten naar vandaag? Het script werkt wel, alleen niet in combinatie met die andere
verder duik even in een js tut, want je weet niet echt waar je mee bezig bent lijkt me
tuurlijk weet ik het niet ECHT. Anders had ik het hier niet moeten vragen. Heb redelijk wat JS tuts doorgenomen, ben geen oplossing tegen gekomen.
overigens 2 functies onload:
JavaScript:
1
2
3
4
window.onload = function() {
  init();
  iets_anders();
}


overigens: heb je door dat het script 1 in de head moet en script 2 in de body?
Ja, daar stonden ze ook. 1 script HEAD, de andere BODY
edit: nu 2005 year of the DOM is, moeten we dat maar ter harte nemen he :P
http://www.sitepoint.com/blog-post-view.php?id=222195
dit zal ik eens bekijken :)

Maar goed, een oplossing is er dus (nog) niet :'(

Verwijderd

komt IE of FF met foutmeldingen? zo ja welke? heb je een voorbeeldpagina ergens? Ik kan zo effe niet uit je code halen wat er mis is (behalve dan outdated code in script2, maar die werkte dus volgens jou)

overigens is het voor de overzichtelijkheid wel zo handig je code in [code] tags te frotten

Verwijderd

Topicstarter
Verwijderd schreef op woensdag 12 januari 2005 @ 13:02:
komt IE of FF met foutmeldingen? zo ja welke? heb je een voorbeeldpagina ergens? Ik kan zo effe niet uit je code halen wat er mis is (behalve dan outdated code in script2, maar die werkte dus volgens jou)

overigens is het voor de overzichtelijkheid wel zo handig je code in [code] tags te frotten
op is aangepast...
hier staat een voorbeeld:
http://www.callaccess.nl/voorbeeld/voorbeeld.html

de tekstcontainer werkt zoals je kunt zien... de menu items bovenin moeten een ander plaatje laten zien als je er met de muis naar toe gaat.. dit doet ie dus nie... Haal ik het text-containerscript weg, doet het menu het wel goed!

[ Voor 19% gewijzigd door Verwijderd op 12-01-2005 13:31 ]


  • Willem
  • Registratie: Februari 2001
  • Nu online
Je bent niet echt goed in het zelf uitzoeken van dit soort dingen.
We zijn hier niet van de persoonlijke kariem112 helpdesk

Er is hierover genoeg over te vinden op internet..

Motor (of auto) onderhoud bijhouden


  • Willem
  • Registratie: Februari 2001
  • Nu online
mophor says:
wou nog even het volgende plaatsen in dat 2 javascript artikel:

code:
1
window.onload=getcontent_height


dat overschrijft je onload die je in de head hebt gedaan

kijk maar even of je het er nog wil bijfoetelen

[ Voor 3% gewijzigd door Willem op 12-01-2005 13:40 ]

Motor (of auto) onderhoud bijhouden

Pagina: 1

Dit topic is gesloten.