Forum » Server-Side scripting » Problemen bij browsers/scripting
FrankY
Berichten: 552
avatar
Offline Stuur privebericht
Beste Criminalspoint leden,

Mijn ervaring is nog niet super hoog met javascript. Maar, zoals vele mensen wil ik ook weer is wat bijleren en bouw ik een mijn nieuwe systeem voor een klant een color chancher en een + - optie voor de grote van de pagina.

Vraag 1:
Nu is mijn probleem dat bij de + - optie de mozzila firefox browser dit niet ondersteund? Licht dit aan mijn script of firefox zelf?

Script vraag 1:
Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<head>
        <script> 
            var z=1; 
            function inzoomen(){ 
                z=z+.1;document.body.style.zoom=z;} 
            function uitzoomen(){ 
                z=z-.1;document.body.style.zoom=z;} 
        </script>
</head>

<body>
<div class="footerzoom">
    <a href="#" type="button" value="+" onClick="inzoomen();"><img border="0" src="images/+.png"></a>
    <a href="#" type="button" value="-" onClick="uitzoomen();"><img border="0" style="margin-left:20px;" src="images/-.png"></a>
</div>
</body>


Vraag 2:
Met de color chancher kun je het achtergrond veranderen. Nu is mijn probleem dat de klant een groen menu wou en een groen achtergrond. + Een blauw menu en achtergrond. Maar, het menu is gewoon een afbeelding anders kon de border er niet goed om heen komen. Kun je met java ook zorgen dat de menu (afbeelding) ook verkleurd als ik op de groene/blauwe knop druk? (ik snap dat ik hiervoor ook een blauwe menu plaatje moet hebben. Die heb ik al)

Script Vraag 2:
Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<head>
            <script type="text/javascript">
            function changeBackColor ( color ) {
            document.body.style.background = color;
            }
            </script>
</head>


<body>
<div id="top">
    <a href="#" onclick="changeBackColor('#0000FF')"><img border="0" src="images/blauw.gif"></a><a href="#" onclick="changeBackColor('#014003')"><img border="0" src="images/groen.gif"></a>
</div>
</body>


Alvast bedankt voor jullie hulp/tijd

Groetjes,
Franky


___________
Edit:
Voor een online voorbeeld kun je trouwens kijken: Klik Hier!
Best te zien in firefox / chrome
Internet explorer showt geen dropdown en zet het verkeerd neer. (komt nog wel goed)


(niet klagen over de lay-out of andere dingen zijn gewenste dingen van de klant!)
Laatst gewijzigd door FrankY op 2010-04-26 16:03:24
26-04-2010 15:31
Dit topic is 73 keer bekeken door 2 verschillende leden
Reacties op: "Problemen bij browsers/scripting"
1
Killingdevil
Berichten: 2123
avatar
Offline Stuur privébericht
Je haalt Java en Javascript door elkaar heen, terwijl dit toch wel twee gigantisch verschillende talen zijn...

Met javascript kun je inderdaad de afbeelding zelf niet wijzigen, wel kun je een andere afbeelding op zijn plaats zetten. Dat doe je ongeveer zo (denk wat je zoekt gezien je voorbeeld):

Code | Selecteer Alles
minimaliseren
1
document.body.style.backgoundImage


De camelCase ben ik niet geheel zeker over, maar dat is makkelijk op internet te vinden.


De in en de uitzoom functie wil ik je vooral afraden. Meestal vinden bezoekers het vooral irritant. Daarnaast is het moeilijk om werkend te krijgen in alle verschillende browsers zoals je al had gemerkt. Het beste kun je gewoon even zoeken met Google op een juiste oplossing.
26-04-2010 16:08
FrankY
Berichten: 552
avatar
Offline Stuur privébericht
Excuses voor me fout, het is inderdaad javascript ja.

Back ontopic:
Kan ik op de manier die jij meegaf de menu image te gelijk veranderen met de background color? Zoja, hoe zal dat moeten? Ik heb hier zelf helaas nog geen idee van. Heb het net wel even geprobeerd maar ik kom nergens op uit.


De inzoom functie is nodig omdat het voor een zorgboerderij is. Mijn klanten willen graag dat oudere slecht ziende mensen de pagina simpel kunnen vergroten.
26-04-2010 16:18
NielsB
Webdeveloper & Programmeu
Berichten: 1001
avatar
Offline Stuur privébericht
26-04-2010 16:33
Extreme
Berichten: 491
avatar
Offline Stuur privébericht
je kan de source van een image veranderen met javascript.

Hierdoor kan je andere plaatjes inladen in een img tag.

Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!-- Begin
function movepic(img_name,img_src) {
document[img_name].src=img_src;
}
// End -->
</SCRIPT>
<!-- STEP TWO: Put this code into the BODY of your HTML document  -->

<BODY>

<!-- Be sure to give each image a name! (<img name="button">)
     Include that name in the onmouseover/onmouseout tags! -->

<CENTER>
<A HREF="http://javascript.internet.com" 
onmouseover="movepic('button','pic-off.gif')" 
onmouseout="movepic('button','pic-on.gif')">
<IMG NAME="button" SRC="pic-off.gif" ALT="Image"></A>
</CENTER>
26-04-2010 16:36
Reageer op: "Problemen bij browsers/scripting"
1
Je kan niet reageren omdat je niet bent ingelogd. Inloggen of Aanmelden