Knoppen van kleur laten veranderen met frontpage

patricia · Bericht door **patricia** » wo 20 okt 2004 11:18

Zoals sommige gelezen hebben heb ik frontpage gevonden en ben ik bezig met mijn website maken. Ik heb een boekje waarin uitgelegd staat hoe het allemaal werkt enzo en ik kom een hele eind. nu staat er ook een stuk in over hoe je knoppen van kleur kan laten veranderen als de muis eroverheen gaat. Je moet dat doen op het html tabblad en allerlei programmeringscodes gebruiken met onMouseOver en onMouseOut enzo. Nu staat heel de code uitgelegd en precies wta je moet invoeren maar nu is het probleem dat ik niet weet waar op het html-tabblad ik dit moet invoeren. Ik heb het al bij de knoppen geprobeerd en ook los eronder maar dan krijg ik een kruisje onder mijn normale knoppen.

Beetje warrig verhaal maar ik hoop dat iemand me kan helpen. Girlpower zeg maar

Bericht door **Sandra** » wo 20 okt 2004 11:27

ik weet het niet 100% zeker want ik heb het lang niet gebruikt maar wat kan helpen:
- klik op de plaatje die je al heb, die ze standaard moeten zien
- ga naar de html code. als ik het goed heb, is de code van het plaatje dan geselecteerd. wat je dan moet zien is:
<a href= ......><img src=.......></a>
met .... bedoel ik dat er daar iets staat.
binnen de <a > tag moet je dan de onmouseover enzo zetten.
met de <a tag geef je aan: als er op de link wordt geklikt ga je naar ... (href) en als je met de muis eroverheen gaat toon het andere plaatje, en als het muisje weer weg is toon je weer het gewone plaatje.

als dit niet lukt, kan je naar de html code en daar zoeken naar het naam van de plaatje die sowieso al getoond wordt.

succes.

alpha · Bericht door **alpha** » wo 20 okt 2004 11:34

In FrontPage hoef je in principe geen HTML te kennen en je hoeft ook niks met HTML te doen.
Als je een knop wilt wat van kleur verandert wanneer je je muis erover beweegt kun je dit gewoon selecteren. Dit doe je zo:

Ga naar INSERT (naast BESTAND etc), kies WEB COMPONENTS en vervolgens HOVER BUTTON. Klik op Finish. Nu zie je een blauwe knop verschijnen en een veld met dingetjes die je moet invoeren.
Je voert dus de tekst in die op de knop moet komen te staan, de URL waar de hyperlink naar toe moet en je ziet ook BUTTON COLOR. Dit is de kleur van de knop zonder mouse-over. Eronder (EFFECT) kun je selecteren wat voor effect je wilt, dit moet je gewoon even uitproberen. Maar ook staat er (EFFECT COLOR) hier kun je dus de kleur selecteren die er moet komen bij een mouse-over. En je kan nog de grootte en lettertype aanpassen ed. Je klikt daarna op OK en klaar is kees!
Aanpassen kan door gewoon dubbelklik op je knop te doen, dan krijg je hetzelfde veld weer waar je dingen in kan aanpassen.

Ik hoop dat ik het een beetje helder heb uitgelegd en dat het een beetje lukt. Ik vind het trouwens vreemd dat ze je leren HTML-len met Frontpage.. Want dat is nergens voor nodig.

patricia · Bericht door **patricia** » wo 20 okt 2004 11:45

Sandra, wat jij zegt dat dacht ik ook...ik ga het z nog maar een keer proberen, want net werkte t niet op die manier.

Alpha bedankt voor de tips maar als ik dat doe krijg ik echt nieuwe knoppen en ik heb al knoppen gemaakt met Buttonstudio. Zeg maar in 2 variaties. Dus volgens mij moet ik echt aan de html codes

Of er moeten nog andere tips zijn....misschien toch maar hulp van een man inroepen hier

alpha · Bericht door **alpha** » wo 20 okt 2004 12:29

Volgens mij moet je dan met JAVA-scripts gaan werken.. Dat kan in combinatie met HTML. Ik weet zo niet uit mijn hoofd hoe dat dan werkt, maar ik zou iig zoeken (bij Google ofzo) met de de woorden ''java script mouse-over'' erin. Ik zal zo ook nog wel even voor je kijken of ik iets kan vinden..

alpha · Bericht door **alpha** » wo 20 okt 2004 12:32

Ik heb het al.

Moet je wel even correct de naam en plek van je plaatje invoegen waar dat bij staat.

Dit stop je ergens tussen <head> en </head> (maakt niet uit waar), dit is dus de functie:

<script language="JavaScript">

if (document.images) {
image1on = new Image();
image1on.src="name of your "on" image";

image1off = new Image();
image1off.src = "name of your "off" image";

}

function turnOn(imageName) {
if (document.images) {
document[imageName].src = eval(imageName + "on.src");
}
}

function turnOff(imageName) {
if (document.images) {
document[imageName].src = eval(imageName + "off.src");
}
}

// -->
</script>

Vervolgens stop je tussen <body> en </body>, je roept je functie die je in je HEAD hebt gezet terug:

<A HREF="URL of linked page" onMouseOver="turnOn('image1')" onMouseOut="turnOff('image1')">
<IMG SRC="name of your "off" image" NAME="image1" BORDER="0" WIDTH="width of your image" HEIGHT="height of your image"></a>

patricia · Bericht door **patricia** » wo 20 okt 2004 20:14

Hey bedankt! ik ga het morgen eens proberen... Vandaga zo druk gehad met andere dingen!

moshi-moshi · Bericht door **moshi-moshi** » za 23 okt 2004 10:46

Je kunt inderdaad een mouseoverjavascript in de broncode plakken, maar als je geen zin hebt om in de broncode te gaan zitten, kun je ook gewoon via de dynamic html effecten van frontpage mouseover plaatjes maken.
(Ik heb frontpage 2000 en die verschilt nogaal van frontpage xp, dus of het daarin ook zo gaat weet ik niet.)

Je hebt dus je twee plaatjes die je met buttonstudio hebt gemaakt in je map images staan. Bijvoorbeeld knop1.gif voor de standaard knop en knop2.gif met het mouseovereffect.
Voeg je plaatje knop1 in zoals je een gewoon plaatje invoegt. -> Selecteer dat plaatje. -> Ga naar opmaak en klik op dynamic html effecten -> in het dynamic html balkje dat verschijnt kies je: muisaanwijzer op object -> bij toepassen kies je: figuur uitwisselen en tenslotte in het laatse vakje: figuur kiezen (en dan blader je naar jouw plaatje knop2).

http://frontpage.pagina.nl" onclick="window.open(this.href);return false; daar staan veel links naar handige tutorial paginas

hennie · Bericht door **hennie** » za 23 okt 2004 11:13

Ik heb een boekje over frontpage 2003 en wil het wel voor je scannen.

patricia · Bericht door **patricia** » za 23 okt 2004 15:22

Meiden hartstikke bedankt! In het boekje wat ik heb staat het ook uitgelegd maar in de html codes en werkt niet zoals ik wil... Ik ga me er morgen weer in verdiepen! Even wat andere dingen aan mn hoofd gehad. Jullie horen nog van me!!!
Bedankt!!

patricia · Bericht door **patricia** » zo 24 okt 2004 19:08

Moshi-Moshi jouw uitleg was echt super...Dat werkt bijna helemaal. Het lukt om de knoppen van kleur te laten veranderen maar kan het niet opslaan en niet runnen online... Waarom wil ik dan ook verkleurende knopjes

Het is echt heel gek! In het voorbeeld van frontpage doet het het gewoon maar ik kan het dus niet opslaan en ook runnen met de webserver geeft geen resultaat...

moshi-moshi · Bericht door **moshi-moshi** » di 26 okt 2004 14:46

hm das vreemd. Afbeelding

Wat voor foutmelding krijg je dan als je probeert op te slaan?

Krijg je kruisjes als je je site op internet bekijkt?
Het kan zijn dat je de plaatjes niet goed hebt geupload. Frontpage doet wel eens raar wanneer je niet precies aan zijn spelregels houdt. Hij maakt bijv soms code waardoor internetexplorer de plaatjes op jouw harde schijf gaat zoeken in plaats van op je webruimte.

Eigenlijk zou ik wel eens even in die broncode willen kijken, misschien kan ik het vinden. Heb je een linkje?

Bericht door **Sandra** » di 26 okt 2004 16:40

ander klein tipje: je moet voorzichtig zijn met hoofdletters en spaties in de namen van het bestand voor de knop. het makkelijkste is altijd kleine letters gebruiken en geen spaties. maar denk dat vooral moshi-moshi gelijk heeft.

patricia · Bericht door **patricia** » di 26 okt 2004 21:23

Ik ben niet in de broncode geweest! Zoals ik al zei heb ik de manier van moshi-mishi gebruikt. Dus met dynamic huppelepup

Als ik dan op opslaan druk dan doet die gewoon hetzelfde als altijd. Op de voorbeeld pagina van frontpage doet die het ook, maar als ik het via de webserverprogrammaatje (SimpleServer.WWW) het online bekijk dan doet ie het niet. Ook als ik het in frontpage opsla en daarna weer open is het helemala niet opgeslagen...

Heel raar!

Moshi-Moshi ik kan je dus alleen een linkje geven als ik die webserver aanzet op mijn computer...dus dat is moeilijk...
Ik dnek dat ik de mannen hier in de buurt moet inschakelen!

shit

Bericht door **Sandra** » di 26 okt 2004 21:32

patricia, anders mail je de .htm bestand naar moshi? dan kan ze het ook zien.
ook als je niet de broncode wijzigt kan het fout gaan.
groot kans dat het om de volgende reden fout gaat:
- frontpage verwijst automatisch naar bestanden op je pc, die de site niet kan vinden als je de pagina via http://.." onclick="window.open(this.href);return false;. op je site bezoekt.
- je hebt spaties of hoofdletters in de naam van je plaatje (bv 'Knop Groot.jpg') en dat kan de server dan niet vinden. Wijzig het anders naar 'knopgroot.jpg', wijzig dan dus ook de pagina zelf door opnieuw de knop toe te voegen, en probeer het dan opnieuw.

je moet ook zeker maken of je het plaatje wel heb geupload...
oh ja, probeer ook dit!
- ga naar je pagina als het op internet is
- klik op eigenschappen waar de knop zou moeten zijn
- je moet dan zien welke plaatje hij daar had moeten tonen. als het niet met http:// begint verwijst frontpage naar je pc. als het daar wel mee begint, kan het zijn dat het niet lukt door spaties/hoofdletters in bestandsnaam of omdat het plaatje nog niet is geupload naar de server.

succes!