Gå til innhold

Mouse over

lugah

Av lugah
i Programmering og webutvikling

Anbefalte innlegg

lugah

lugah

Skrevet
Skrevet (endret)

Jeg driver og lager en ny side nå så skal jeg ha slik at når jeg holder musa over et bilde så skal det komme opp masse info om den avdelingen lissom,

 

link

( dette er bare en side som skal linke videre til andre sider )

 

der hvor det er bidler ( parties lan etc ) når man holder musa over der skal det komme opp tekst og bilder i den tabbelen der det står Mysenbyen.no er en side der hvor vi skal samle alle "aktiviteter" som skjer i Mysen

 

gamer.no har noe liknende, jeg så litt i kilde koden demmes etter en stund fant jeg ut at skriptet ligger i en annen fil

 

 

<!--
function pd1_1(){
if(window.pUrl==null)pUrl="";if(window.pCid==null)pCid="";
refR=escape(document.referrer);
if(refR.length>=252)refR=refR.substring(0,252)+"...";
var rsUA=navigator.appName+" "+navigator.appVersion;
var rsRUA=navigator.userAgent;
var rsWS=window.screen;
var rsBV=navigator.appVersion.substring(0, 1);
var rsNN=(rsUA.indexOf('Netscape'));
var rsMC=(rsUA.indexOf('Mac'));
var rsIE=(rsUA.indexOf('MSIE'));
var rsXP=(rsUA.indexOf('NT 5.1'));
var rsCE=(rsUA.indexOf('Windows CE'));
var rsLX=(rsUA.indexOf('Linux'));
var rsOP=(rsRUA.indexOf('Opera'));
var rsIEV=(parseInt(rsUA.substr(rsIE+5)));
var rsMSIE=false;var rsIE6=false;var rsOSXP=false;var rsIE6XP=false;
var rsSW="na";var rsSH="na";var rsCD="na";var rsSR="na";var rsLG="na";var rsCT="na";var rsHP="na";var rsCK="na";var rsJE="na";
var rsJE=(navigator.javaEnabled()==true)?"y":"n";
if((rsIE>0)||((rsNN!=-1)&&(rsBV >=5))){
var rsCK=(navigator.cookieEnabled==true)?"y":"n";}
if((rsIE>=0)&&(rsIEV>=5)&&(rsMC==-1)&&(rsOP==-1)){document.body.addBehavior("#default#clientCaps");rsCT=document.body.connectionType;
document.body.addBehavior("#default#homePage");rsHP=(document.body.isHomePage(location.href))?"y":"n";}
var rsD= new Date();
var rsTZ=rsD.getTimezoneOffset()/-60;
if((typeof(rsWS)!="undefined")&&(rsWS!=null)){
rsSW=rsWS.width; 
rsSH=rsWS.height;
rsCD=rsWS.colorDepth;
if((rsNN!=-1)&&(rsBV >=4)){
rsCD=rsWS.pixelDepth;}}
if((rsNN!=-1)&&(rsBV >=4)||(rsOP>=0)){var rsLG=navigator.language;}if((rsIE!=-1)&&(rsBV >=4)&&(rsOP==-1)){var rsLG=navigator.userLanguage;}
if(rsIE>0){rsMSIE=true;
if(rsIEV>=6){rsIE6=true;}}if(rsXP>0){rsOSXP=true;}
if((rsOSXP==true)&&(rsIE6==true)){rsIE6XP=true;}
var rsPR='<img src="http://server-dk.imrworldwide.com/cgi-bin/count?url='+pUrl+'&rnd='+(new Date()).getTime()+'&cid='+pCid+'&ref='+refR+'&sr=sr'+rsSW+'x'+rsSH+':cd'+rsCD+':lg'+rsLG+':je'+rsJE+':ck'+rsCK+':tz'+rsTZ+':ct'+rsCT+':hp'+rsHP+'" width=1 height=1>';
if(pUrl!="")pUrl='<param name="url" value="'+pUrl+'">';
if(pCid!="")pCid='<param name="cid" value="'+pCid+'">';
RSsr='<param name="sr" value="sr'+rsSW+'x'+rsSH+':cd'+rsCD+':lg'+rsLG+':je'+rsJE+':ck'+rsCK+':tz'+rsTZ+':ct'+rsCT+':hp'+rsHP+'">';
if((rsMC==-1)&&(rsNN==-1)&&(rsCE==-1)&&(rsLX==-1)&&(rsOP==-1)&&(navigator.javaEnabled())&&(rsIE6XP!=true)){
rsPR='<applet code="Measure.class" codebase="http://server-dk.imrworldwide.com/" width=1 height=2>'+pUrl+pCid+RSsr+'<param name="ref" value="'+refR+'"></applet>';}
document.write(rsPR);}pd1_1();
//-->

 

og da jeg ikke kan så mye javascript greier ga jeg opp det scriptet noen som har noe likt noe ?

 

 

BTW: noen som finner den super dupa hemmelige loggin knappen min ? :D

Endret av lugah
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
lugah

lugah

Skrevet
  • Forfatter
Skrevet (endret)
Kanskje www.htmlite.com har infoen du trenger? :)

de hadde ikke det...!

 

de hadde bare med bilder og den med bilder den var san at den bytta ut det bildet du har musa over på sann som med login knappen min!!!

 

 

hmmm... jeg får det tilmed bare bilde men skal ha tekst også...!

Endret av lugah
Lenke til kommentar
enden

enden

Skrevet
Skrevet (endret)

Knappen var ikke så godt gjemt at det gjorde noe

 

Nå har du litt å leke med. I IE funger bytting av tekst, ems i mozilla fungerer det å endre utseende på et textarea. Jrg vet at det skal gå å gjøre begge ting i begge browsere, men litt morro må du få ha og :p

Neida, har bare ikke tid til å mekke mer med det nå. Det er sikkert andre kodeguruer her som kan hjelpe deg hvis du står fast

 

<?xml version = "1.0"?>
<!DOCTYPE html PUBLIC "-//w3c//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">

<head>
 <title>| fundingsrud.net |</title>

 <meta name = "keywords" content = "fundingsrud, jorgen fundingsrud, jorgen brun fundingsrud, fundingsrud.net, cathrine, moseng, cathrine moseng, nith, nith.no java, javaprog, xhtml, datateknikk" />
 <meta name ="description" content ="fundingsrud.net inneholder informasjon om Jørgen Fundingsrud og Cathrine Moseng, og hva disse bedriver tiden med. Det ligger litt av hvert morsomt her ;)" />

 <link rel = "stylesheet" type = "text/css"
   href = "styles/main.css" />

</head>
<body>
 <h1>Textarea Swap rollover</h1>

 <textarea name ="hotspot" rows="6" cols="20" style="border-style:none;">Hei</textarea> <br />
 <a href ="#" onmouseover="hotspot.value='Nu byttet jeg teksten :P'" onmouseout="hotspot.value='Hei'">denne linken kødder med teksten over</a>


</body>
</html>

 

http://fundingsrud.net/lek/textareaSwap.html

 

Hele cluet her er at jeg har et textarea med et navn. På lnken legger jeg inne et actionscript (onmouseover) som endrer verdien til textarea når musen er over, og et (onmouseout) som endrer igjen når musen er på vei vekk. Gamer bruker forresten bilder etter hva jeg kan se

 

edit; nå er jeg faktisk litt irritert. Grunnen til at mozilla ikke vil endre teksten er at den ikke finner "hotspot" som er navnet jeg har gitt textarea...

Endret av enden
Lenke til kommentar
FuLu

FuLu

Skrevet
Skrevet (endret)

Du tenker noe ala gamer.no? Holde musa over et bilde, og det oppdateres et annet sted? Tja, jo, DOM er vel din venn. Enkelt eksempel: (nå passer dette egentlig under javascript da men)

 

Edit: oppdaterte eksemplet, nå finner jeg automatisk de elementene som skal ha satt sin handler ;) God jul! :xmas:

 

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Hover test</title>
<style type="text/css">
<!--
#focus
{
	padding: 1em;
	border: 1px solid black;
	background-color: #fffff0;
	color: #000000;
	margin-top: 1em;
}

img
{
	border: 1px solid black;
	width: 100px;
	height: 100px;
}

#blocky
{
	width: 100px;
	height: 100px;
	background-color: green;
}
-->
</style>
<script type="text/javascript">
<!--
var g_activatorFocusDataArray = new Array("<strong>default content</strong>", "<span style=\"color: red;\">activator 1</span>", "<span style=\"color: blue;\">activator 2</span>", "<div id=\"blocky\"></div>");

function initFocusData()
{
	// Set default data
	fElement = document.getElementById("focus");
	if(fElement && g_activatorFocusDataArray.length > 0)
	{
		fElement.innerHTML = g_activatorFocusDataArray[0];
	}

	// Autofind activator elements and set onmouseover/out handler
	for(i = 1; i < g_activatorFocusDataArray.length+1; i++)
	{
		aElement = document.getElementById("focusactivator"+i);
		if(aElement)
		{
			aElement.onmouseover = changeFocusData;
			aElement.onmouseout = changeFocusData;
		}
	}
}

function changeFocusData(e)
{
	var eSource = null;

	if(!e)
	{
		e = window.event;
	}

	if(e.target)
	{	
		eSource = e.target;
	}
	else if(e.srcElement)
	{
		eSource = e.srcElement;
	}

	if(eSource)
	{
		// Regular expression check if id match
		activatorREG = /focusactivator(\d+)/i
		aResult = eSource.id.match(activatorREG);
		fElement = document.getElementById("focus");
		if(fElement && g_activatorFocusDataArray.length > 0)
		{
			// Show activator data
			if(aResult && g_activatorFocusDataArray.length > aResult[1] && e.type == "mouseover")
			{
				fElement.innerHTML = g_activatorFocusDataArray[aResult[1]];
			}
			// Show default data
			else
			{
				fElement.innerHTML = g_activatorFocusDataArray[0];
			}
		}
	}
}
-->
</script>
</head>
<body onload="initFocusData()">

<img src="" alt="dummy" id="focusactivator1"/>
<img src="" alt="dummy" id="focusactivator2"/>
<img src="" alt="dummy" id="focusactivator3"/>

<div id="focus"></div>
</body>
</html>

Endret av FuLu
Lenke til kommentar
enden

enden

Skrevet
Skrevet (endret)

heh, ser at html visningen er til dels dum :D Tenker på hvordan den lar seg sette ut av spill når det ikke er noe innhold i src til bildene :p

 

Pokker hva du kan FuLu. Bøyer meg i støvet

 

Må spørre om et par ting her.

- Når du definere onmouseover i body, arver alle elementer denne da? Rent designmessig er det vel bedre å gi ønskede elementer denne egenskapen, ikke alle? Mindre prossesering mener jeg :)

 

- Event som du sender med, er det et automatisk generert atributt som inneholder masse info om hvem, hva, hvor, når, osv? Link til info om event

 

- Hva jobber du med siden du skriver så elegant kode?

Endret av enden
Lenke til kommentar
FuLu

FuLu

Skrevet
Skrevet

onmouseover vil nok gjelde for alle elementer inni body, så ville nok være mer ideelt å puttet den på img tag'ene eller liknende, men for enkeltheten så puttet jeg det i body ;)

 

event er en del av onmouse*/onload osv eventene. Husker ikke hvor jeg leste det om e.target og e.srcElement.. men IE og Opera/Firebird gir deg forskjellig target data, derfor den sjekken.

 

Litt om event finner du her, kanskje ikke helt utfyllende men greit nok:

http://www.devguru.com/Technologies/ecmasc...kref/event.html

 

For tiden arbeidsledig "nakkevrak" :D hehe (ler av sin egen lidelse :blush: )

 

Det meste er vel selvlært og elsker vel litt webkoding når det ikke skaper for mye :realmad::wallbash::D

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...