Html

[Pat]

Zou er mij iemand de html code kunnen maken voor,een tekst als er met de muisaanwijzer wordt overgegaan dat deze veranderd van kleur, de tekst en kleur kan ik zelf aanpassen

MVG

Patrick:ciao:

[stegisoft]

Dit zou iets zijn

Advanced JavaScript: onClick and onMouseOver

Dynamic Drive DHTML(dynamic html) & JavaScript code library

[leroy]

Dit kan via CSS gedaan worden.

In je body plaats je dit:

<div class="vulnaamin">
Hier zet je de tekst wat je wilt gebruiken
</div>

In je Head zet je dit:

<style type="text/css">
.vulnaamin{
    color:#FF0000;
}
.vulnaamin:hover{
    color:#000000;
}
</style>

Als je kijkt zie je dat de tekst eerst rood is, en wanneer je er met je muis overheen gaat dat hij zwart wordt.

LET OP!

je gebruikt in je BODY gedeelte: [class=vulnaamin] deze naam moet gelijk zijn in je HEAD met een punt ervoor.

De punt staat voor "class" en een hekketje (#) staat voor "id" maar die gebruiken we nu niet.

Het voordeel van een class is dat je hem vaker kunt gebruiken.

Wil je dus ergens verderop in je website nog een keer de tekst laten veranderen als je er met je muis overheen gaat typ je gewoon weer dit:

<div class="vulnaamin">
Hier komt de nieuwe tekst te staan.
</div>

Laat even weten of het gelukt is of niet. Het kan volgens mij zijn dat sommige browsers dit niet ondersteunen, dan moeten we JavaScript hiervoor gaan gebruiken.

gr,

Leroy

[Pat]

Ik heb er één gevonden die ik graag zou willen gebruiken, zou het mogelijk zijn van deze aan te passen, als ik op een link klik dat de pagina opent in een nieuwe venster ? Freejava, gratis JavaScripts en Webdesign service voor iedereen.

[stegisoft]

Pat,

Je kan perfect zelf de kleur veranderen en link wijzigen.

In de head

<script type="text/javascript">

// script door www.svvdesign.nl

var aankleur = "#990000" // de kleur met de muis erop

var uitkleur = "#000000" // de standaard kleur

// --- verander hieronder niets als je niet weet wat je doet! --- //

//================//

var nbr=23; function aan(m){

if(document.all){

m.filters.revealTrans.Transition=nbr

m.filters[0].Apply()

m.style.backgroundColor=aankleur

m.filters[0].Play() }}

function uit(m){

if(document.all){

m.filters.revealTrans.Transition=nbr

m.filters[0].Apply()

m.style.backgroundColor=uitkleur

m.filters[0].Play() }}

</script>

<!-- hier kun je eventueel kleuren, lettertypes en groottes van het menu aanpassen -->

<style type="text/css">

td.menu { background-color: #000000; filter: revealtrans(duration=0.3,transition=0);

color: #EEEEEE; font: 12px verdana; width: 120px; text-align: center; cursor: hand; }

</style>

In de body

<table style="background-color: #444444" border="1" bordercolor="#990000">

<tr>

<td class="menu" style="background-color: #333333; color: #F00000; cursor: default"><b>Menu</b></td>

</tr>

<tr>

<a href="http://www.site1.nl"><td class="menu" onmouseover="aan(this)" onmouseout="uit(this)">Link 1</td></a>

</tr>

<tr>

<a href="http://www.site2.nl"><td class="menu" onmouseover="aan(this)" onmouseout="uit(this)">Link 2</td></a>

</tr>

<tr>

<a href="http://www.site3.nl"><td class="menu" onmouseover="aan(this)" onmouseout="uit(this)">Link 3</td></a>

</tr>

<tr>

<a href="http://www.site4.nl"><td class="menu" onmouseover="aan(this)" onmouseout="uit(this)">Link 4</td></a>

</tr>

<tr>

<a href="http://www.site5.nl"><td class="menu" onmouseover="aan(this)" onmouseout="uit(this)">Link 5</td></a>

</tr>

<tr>

<a href="http://www.site6.nl"><td class="menu" onmouseover="aan(this)" onmouseout="uit(this)">Link 6</td></a>

</tr>

</table>

Al wat gekleurd is kan u van kleur veranderen.

de link site6.nl kan u veranderen in een andere link.

Bijvoorbeeld

<a href="http://www.site2.nl"> = <a href=http://www.jouwsite.nl/index.html>

Je mag ook zo vermelden als u in de zelf map ben

<a href=index.html>

Je ziet u uw site zo

Mappen

Dagboek

Email

Is het een map verder dan moet je zo doen

dagboek/dagboek.html

email/email.html

dus <a href=dagboek/dagoek.html> ofwel http://www.jouwsite.nl/dagboek/dagboek.html

Om kleuren te kiezen kan u hier gaan.

http://html-color-codes.info/HTML-Kleurcodes/

voor meer kleuren scrollen naar beneden.

[Pat]

Sorry, maar een link laten openen in een nieuw venster kan dit ?

[stegisoft]

Een link openen in eigen venster doe je zo:

<a href=http://www.jouwsite.nl/index.html target="_blanc">Home</a>

target="self" (in dezelfde venster = ook standaard)

dan hebt je nog dit

_parent

_top

[Pat]

Kan je mij een voorbeeld geven in bovenstaande code AUB ?

Voor ne pepe van 50 is dit niet zo eenvoudig !

[Pat]

Kan je uit het bericht van 19:47 één van de links veranderen dat deze opent in een nieuw venster ? dan heb ik een voorbeeld, meer moet ik niet hebben !

[leroy]

bij dat bericht haal ik een klein stukje eruit.

Je ziet in dat bericht hetvolgende een paar keer herhalend staan

<tr>
<a href="http://www.site5.nl"><td class="menu" onmouseover="aan(this)" onmouseout="uit(this)">Link 5</td></a>
</tr>

Als je achter de href="" code (tussen de < en >) hetvolgende zet:

target="_blank"

Dan wordt de link een een andere pagina geopend.

Gebruik je Frames. Moet je de naam van de Frame hier ingeven.

Dus het wordt dan:

<tr>
<a href="http://www.site5.nl" target="_blank"><td class="menu" onmouseover="aan(this)" onmouseout="uit(this)">Link 5</td></a>
</tr>

D

Groeten,

leroy