Antworten auf deine Fragen:
Neues Thema erstellen

onMouseover in einer Tabelle

wuerfelhuschten

Noch nicht viel geschrieben

So, ich habe folgendes Problem, für einen befreudeten Makler soll ich eine Homepage machen, dort befindet sich eine "verspielte" Übersicht der verschiedenen Leistungen...siehe Bild 1


Jetzt ist dies in einer nicht sichtbaren Tabelle angelegt 4x4...siehe Bild 2




So und jetzt zum knackpunkt...geht es das ich beim onMousover auf eines der Puzzleteilchen das große Bild in der Mitte verändern kann?

Hier noch der HTML Text ohne jegliches onMouseover:
Das Attribut Title wird gelöscht sobald der onMouseover effekt klappen würde.
Code:
<html>

<head>
<title>So funktioniert Diamonds Immobilien</title>
</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<p align="center"><font face="Verdana">So funktioniert´s</font></p>
<table border="0" width="460" height="445" align="center" cellpadding="0" cellspacing="0">
    <tr align="left" valign="top">
        <td width="115" height="110" align="right" valign="bottom">
            <p align="right"><img src="ar1.jpg" width="64" height="64" border="0" align="bottom"></p>
        </td>
        <td width="115" height="110" align="left" valign="top">
            <p align="center"><img TITLE="Vermarktung - Wir übernehmen die komplette Vermarktung Ihrer Immobilie, da wir an alle gängigen Internetportale angeschlossen sind, wie z. Bsp. Immobilienscout, Immonet, Immowelt, Kalaydo und bei Bedarf werden auch Zeitungsinserate genutzt. Dabei werden natürlich ihre Wünsche und Erwartungen in den Vordergrund gestellt. 
" src="piece2.jpg" width="100" height="95" border="0"></p>
        </td>
        <td width="115" height="110" align="left" valign="top">
            <p align="center"><img TITLE="Ihre Vorteile - Keine Kosten für Zeitung Inserate, für Internet Plattformen, Ihre Kontaktdaten werden nicht veröffentlicht, keine ständigen Anrufe oder E-Mails denn die Vermarktung ihrer Immobilie übernehmen wir für Sie, und das ganze kostenlos für den Eigentümer bzw. Vermieter. " src="piece1.jpg" width="100" height="95" border="0"></p>
        </td>
        <td width="115" height="110" align="left" valign="bottom">
            <p align="left"><img src="ar4.jpg" width="64" height="64" border="0"></p>
        </td>
    </tr>
    <tr align="left" valign="top">
        <td width="115" height="115" align="left" valign="top">
            <p align="center"><img TITLE="Fotos/Expose - Wir kommen vorbei und schauen uns Ihre Immobilie vor Ort an, machen Fotos und erstellen ein ausführliches Exposé für unsere Internetpräsentation. Dabei können sie gerne vor Ort ihre persönlichen Wünsche an uns richten, an die wir uns selbstverständlich halten werden. " src="piece3.jpg" width="100" height="95" border="0"></p>
        </td>
        <td width="230" height="230" align="left" valign="top" rowspan="2" colspan="2">
            <p align="center"><img src="log9.jpg" width="220" height="220" border="0"></p>
        </td>
        <td width="115" height="115" align="left" valign="top">
            <p align="center"><img TITLE="Empfehlung - Wenn alles zu Ihrer Zufriedenheit gelaufen ist, würden wir uns natürlich sehr freuen, wenn sie uns bei Freunden, Verwandten und Geschäftspartnern weiterempfehlen. Mit bestem Dank für ihr Vertrauen, ihr Team der Diamonds-Immobilien. " src="piece8.jpg" width="100" height="95" border="0"></p>
        </td>
    </tr>
    <tr align="left" valign="top">
        <td width="115" height="110" align="left" valign="top">
            <p align="center"><img TITLE="Intressenten/Besichtigungen - Wenn sich Interessenten auf unsere Annoncen gemeldet haben, vereinbaren wir die Besichtigungstermine für Sie. Dabei kommt es darauf an, nach Ihren Wünschen zu arbeiten, das bedeutet auch für sie einen möglichst reibungslosen Ablauf. Dabei steht es ihnen frei, ob wir mit ihnen direkt die Besichtigungstermine vereinbaren, sofern aktuell noch ein Mieter ihre Immobilie bewohnt, können auch mit diesem die Termine abgesprochen werden. Auf Wunsch
kann eine Besichtigung natürlich auch nur durch unseren Makler erfolgen, somit ersparen sie sich natürlich auch sehr viel Zeitaufwand." src="piece4.jpg" width="100" height="95" border="0"></p>
        </td>
        <td width="115" height="110" align="left" valign="top">
            <p align="center"><img TITLE="Wohnungsübergabe - Wenn alles schriftlich geregelt ist, kommt es letztendilch natürlich zur Wohnungsübergabe. Auch hier steht unser kompetentes Team ihnen gerne zur Seite." src="piece7.jpg" width="100" height="95" border="0"></p>
        </td>
    </tr>
    <tr align="left" valign="top">
        <td width="115" height="110" align="right" valign="top">
            <p align="right"><img src="ar2.jpg" width="64" height="64" border="0"></p>
        </td>
        <td width="115" height="110" align="left" valign="top">
            <p align="center"><img TITLE="Unterlagen - Wir fordern für Sie sämtliche Unterlagen an, die Sie für eine unkomplizierte Vermietung und Absicherung benötigen. Im Einzelnen bedeutet das, dass wir uns eine aktuelle Schufa-Auskunft zukommen lassen, Gehaltsabrechnungen anfordern und einen Bonitäts-Chek durchführen. Auch hier sparen sie sehr viel Arbeit, die wir gerne für Sie übernehmen." src="piece5.jpg" width="100" height="95" border="0"></p>
        </td>
        <td width="115" height="110" align="left" valign="top">
            <p align="center"><img TITLE="Mietvertrag - Sobald wir einen geeigneten Mieter für Sie gefunden haben, geht es an den offiziellen Teil. Hier steht es Ihnen frei, einen eigenen Mietvertrag zu erstellen, oder ob wir auch das für Sie übernhemen. Natürlich werden wir auch bei der Erstellung eines Mietvertrages durch unser Unternehmen auf ihre Wünsche eingehen, sodass alles zu ihrer vollsten Zufriedenheit über die Bühne geht. " src="piece6.jpg" width="100" height="95" border="0"></p>
        </td>
        <td width="115" height="110" align="left" valign="top">
            <p align="left"><img src="ar3.jpg" width="64" height="64" border="0"></p>
        </td>
    </tr>
</table>
<p>&nbsp;</p>
</body>

</html>
 

Myhar

Hat es drauf

AW: onMouseover in einer Tabelle

Erstellst du die Seite in Word?
Das würde den fürchterlichen Quelltext erklären :D

Zu deinem Problem: Da wirst du um Javascript nicht herumkommen. Du musst den einzlenen Bildern bei ondomready einen Eventhandler zuweisen und dann die SRC des Bildes in der Mitte entsprechend anpassen. Verwendest du ein Javascript Framework für die Seite?
 

mwxx

Nicht mehr ganz neu hier

AW: onMouseover in einer Tabelle

Wie Myhar schon sagt, ohne Javascript geht es nicht. Einfachste Möglichkeit: Gib dem Bild in der Mitte eine id (z.B. id0) und den Einzelbildchen den Javascript-Handler
onmouseover=" getElementById('id0').src='pfad-zum-anderen-bild+bild.jpg' ".

Vergiss dabei nicht, auch einen "Gegenhandler" für onmouseout zu definieren, der den alten Zustand wiederherstellt, sonst bleibt das geänderte Bild in der Mitte, bis Du wieder über irgendeines fährst
 

wuerfelhuschten

Noch nicht viel geschrieben

AW: onMouseover in einer Tabelle

Lieben Dank ihr beiden, also werde ich wohl einen Anderen Weg finden müssen, da ich bei Java momentan noch hoffnungslos überfordert bin.

Ich nutze im übrigen NamoWebEditor um die Seiten zu erstellen, das man so nicht unbedingt super Professionel wirkt war uns klar, aber es sah bzw. sieht besser aus als die Baukasten Homepage via Magix-Online.com
 

LaFaSiLuc

pauschalschuldig

AW: onMouseover in einer Tabelle

Das ist ein Makler und der hat nicht genug Mäuse, um eine anständige Website zu bezahlen? Mal abgesehen von dem gruseligen Tabellenlayout, das wirklich völlig veraltet ist, sieht das ganze Design aus wie Volkshochschule erste Viertelstunde.
Javascript Schnippsel findest du aber auch fertig im Internet. Weiss allerdings nicht, ob die dann gewerbllich zu nutzen sind...
 

Myhar

Hat es drauf

AW: onMouseover in einer Tabelle

Java wird ihm hier aber nichts bringen. Er braucht Javascript um sein Vorhaben umzusetzen. Die beiden haben miteinander außer ihrer Namensgleichheit nicht viel gemeinsam (außer, dass beide Programmiersprachen sind)

Und online Baukästen liefern heutzutage hoffentlich einen schöneren Quellcode als den, den dieser NamoWebEditor ausspuckt. Font-Tags waren im letzten Jahrtausend aktuell aber nicht heutzutage.
Ich hoffe nur, für deinen Freund ist es nicht wichtig, über Google gefunden zu werden.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.635
Beiträge
1.538.449
Mitglieder
67.556
Neuestes Mitglied
Ggirl
Oben