Kleur button mouse-over?

Status
Niet open voor verdere reacties.

BudSpencer

Gebruiker
Lid geworden
2 aug 2005
Berichten
9
Hallo, weet iemand hoe je een standaard button (zie script hieronder) een andere mouse-over kleur geeft? Want dat is standaard geel. Ik bedoel dus de rand van de button die bij mouse-over standaard een gele kleur krijgt. Ik wil graag dat bij mouse-over de button de kleur: #682468 krijgt.

Als iemand het script wilt aanpassen zou dat helemaal geweldig zijn, anders graag mij vertellen wat ik moet toevoegen/aanpassen om dit te doen.

<HTML>
<HEAD>
<SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'>
<!--
var popupWindow=null;
function popup(mypage,myname,w,h,pos,infocus){

if (pos == 'random')
{LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}
else
{LeftPosition=(screen.width)?(screen.width-w)/2:100;TopPosition=(screen.height)?(screen.height-h)/2:100;}
settings='width='+ w + ',height='+ h + ',top=' + TopPosition + ',left=' + LeftPosition + ',scrollbars=yes,location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no';popupWindow=window.open('',myname,settings);
if(infocus=='front'){popupWindow.focus();popupWindow.location=mypage;}
if(infocus=='back'){popupWindow.blur();popupWindow.location=mypage;popupWindow.blur();}

}
// -->
</script>
</HEAD>
<BODY>
<input style="font-size:14px;color:#682468;font-family:verdana;font-weight:bold;" type="button" name="B1" value=" TEST " onClick="popup('http://www.google.nl','Test','640','480','center','front');">
</BODY>
<HTML>


Bij voorbaat dank,
groeten Jurgen :)
 
Laatst bewerkt:
PHP:
<input style="font-size:14px;color:#0000ff;font-family:verdana;font-weight:bold;border: 1pt solid #ff00ff;" type="button" name="B1" value=" TEST " 
onmouseover="this.style.border='1pt solid #682468'"  onmouseout="this.style.border='1pt solid #fFfF00'" 
onClick="popup('http://www.google.nl','Test','640','480','center','front');">

:cool:
 
Bedankt, maar dat is niet wat ik bedoel met een standaard button. Kijk maar naar het verschil als je beide scripts uitvoert. :confused:
 
PHP:
<input style="font-size:14px;color:#0000ff;font-family:verdana;font-weight:bold;border: 1pt solid #ff00ff;" type="button" name="B1" value=" TEST2 "     onmouseover="this.style.backgroundColor='#682468'"    onmouseout="this.style.backgroundColor='#c0c0c0'" 
onClick="popup('http://www.google.nl','Test','640','480','center','front');">
 
Ik kan het schijnbaar niet duidelijk genoeg uitleggen wat ik bedoel. Dus heb ik een plaatje als bijlage toegevoegd. Misschien begrijp je dan wat ik met de standaard button bedoel.

Op het plaatje zie je de standaard-button zonder & met mouse-over. Deze button heeft afgeronde hoeken en onder een wit randje.

Bij mouse-over krijg je een gele rand. Het enigste wat ik wil is dat het geen gele maar paarse rand word bij mouse-over.
 

Bijlagen

Ik heb schijnbaar mijn vraag niet duidelijk genoeg uitgelegd, of er is niemand op dit forum die weet wat het passend antwoord is. Dus ik betitel deze topic maar als opgelost.:confused:
 
Het aanzien van de button heb je net als andere items in een form (of puldown-list) geen controle over.
Ik heb diverse sites via google bezocht, maar geen antwoord gevonden.

Sommige dingen zijn niet te beinvloeden of aan te passen.

Alleen met CSS zou kunnen, doch dan is het button-effect met de ronde hoeken en interne gele kleur weg.

:cool:
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan