8 svar · 328 visningar · startad av dude
hej!
Jag håller på att bygga om http://www.vangafastighetobygg.se/index2.html och vill att när man för musen över medarbetarna på den stora bilden att lite fler text-fält än endast Namn: ska ändras.
Hur går man till väga för att göra detta?
ingen??? 
På http://www.rollinsnow.com/vangafastighet/frameindex.htm ser du början på nya sidan. Det är "visitkortet" under lagbilden som texten ska ändras på, alltså deras namn, yrkesuppgift, epost och telefonnummer när man drar över de olika personerna.
Fattar du!?!
Jag tror det 
Annars kanske du kan modifiera koden efter eget önskemål?
Ta bort onloadattributet från body-taggen.
JavaScript-kod:
function Person(name, prof, email, phone) {
this.name = name;
this.prof = prof;
this.email = email;
this.phone = phone;
this.describe = function() {
if (typeof document.getElementById == "undefined") return;
Person.name.innerHTML = this.name;
Person.prof.innerHTML = this.prof;
Person.email.innerHTML = this.email;
Person.phone.innerHTML = this.phone;
}
}
Person.reset = function() {
Person.name.innerHTML = ' ';
Person.prof.innerHTML = ' ';
Person.email.innerHTML = ' ';
Person.phone.innerHTML = ' ';
}
var roger = new Person("Roger", "Yrkesuppgift 1", "roger@vangafastighetobygg.se", "044-000 01");
var annsofie = new Person("Annsofie", "Yrkesuppgift 2", "annsofie@vangafastighetobygg.se", "044-000 02");
var magnus = new Person("Magnus", "Yrkesuppgift 3", "magnus@vangafastighetobygg.se", "044-000 03");
var bert = new Person("Bert", "Yrkesuppgift 4", "bert@vangafastighetobygg.se", "044-000 04");
var kenneth = new Person("Kenneth", "Yrkesuppgift 5", "kenneth@vangafastighetobygg.se", "044-000 05");
var ingrid = new Person("Ingrid", "Yrkesuppgift 6", "ingrid@vangafastighetobygg.se", "044-000 06");
var bjorn = new Person("Björn", "Yrkesuppgift 7", "bjorn@vangafastighetobygg.se", "044-000 07");
window.onload = function() {
preloadImages();
if (typeof document.getElementById == "undefined") return;
Person.name = document.getElementById("name");
Person.prof = document.getElementById("prof");
Person.email = document.getElementById("email");
Person.phone = document.getElementById("phone");
}
"Visitkortet":
<table width="250" border="1" align="center" cellpadding="5" cellspacing="0" bordercolor="#006600">
<tbody><tr>
<td width="250" align="center" style="font-family:verdana, arial, helvetica, sans-serif">
<div id="name" style="font-size:16px; font-weight:bold; color:#006600">&nbsp;</div>
<div id="prof" style="font-size:14px; color:#006600">&nbsp;</div>
<div><img src="text_data/visitlinje.gif" width="250" height="1"></div>
<div id="email" style="font-size:10px; text-align:left; white-space:nowrap; margin-top:20px">&nbsp;</div>
<div id="phone" style="font-size:10px; text-align:left; white-space:nowrap">&nbsp;</div>
</td>
</tr></tbody>
</table>
Tack så mycket!
Det ser kalasbra ut, jag hinner inte kolla igenom det förräns imorgon, men det ska nog fungera!
Tack tack!
Hej hej!
Har inte hunnit kolla på scriptet förräns idag, men inser att jag inte vet hur jag ska koppla onmouse-funktionen till scriptet. Alltså, vad ska jag skriva på de olika länkarna för att scriptet ska sättas igång?
ingen?
