Highlighta formulär när det blir aktivt

JavaScript

5 svar · 828 visningar · startad av silfver 20 jan. 2010

silfverMedlem sedan apr. 200312 679 inlägg

Frågan20 jan. 2010 21:31#1

Något i stil med detta:
http://www.dynamicdrive.com/dynamicindex11/highlightform.htm

Fast jag vill att alla inputfält ska få annan bakgrundsfärg när man placerar markören i en av dem.

Går det lösa enkelt? :)

voigtann1Medlem sedan juni 20019 519 inlägg

21 jan. 2010 06:17#2

jquery är väl enkelt?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript">
	$(function() {
		$("#form :input").focus(function(){
			$(this).css({background: "#ff0"});
		}).blur(function(){
			$(this).css({background: ""});
		});
	});
</script>
</head>
<body>
<form id="form">
	<input type="text" />
	<textarea cols="60" rows="10"></textarea>
</form>
</body>
</html>

eller gäller det när du markera ett fält så skall alla fält i det formulär markeras? Om så så kan man vara lite lat:

<script type="text/javascript">
	$(function() {
		$("#form :input").focus(function(){
			$("#form :input").css({background: "#ff0"});
		}).blur(function(){
			$("#form :input").css({background: ""});
		});
	});
</script>

silfverMedlem sedan apr. 200312 679 inlägg

21 jan. 2010 19:53#3

Snyggt voigtann1! Tack. Använder mig av den sista, då jag är rätt lat. ;)

silfverMedlem sedan apr. 200312 679 inlägg

21 jan. 2010 19:54#4

Ska man ladda hem jquery-filen eller köra den från Google? Vad rekommenderas? :)

voigtann1Medlem sedan juni 20019 519 inlägg

21 jan. 2010 19:56#5

Du kan lika väl köra googles det är vad många rekommendera.

StefanBergfeldtMedlem sedan sep. 2004828 inlägg

22 jan. 2010 06:09#6

silfver skrev:

Ska man ladda hem jquery-filen eller köra den från Google? Vad rekommenderas? :)

Laddar du hem den så vet du att den är tillgänglig när din sajt är tillgänglig. Använder du dig av Googles så kan Google gå ner, och du tappar kontakten (det är sällan, men det händer).
Fördelen med att använda Googles är att prestandan kommer att öka i typ 99% av fallen, då antalet samtidiga requests från webbläsaren är begränsat per domän, plus att de har ett CDN vilket bör sänka svarstiderna.