SELFPHP: Version 5.8.2 Befehlsreferenz - Tutorial – Kochbuch – Forum für PHP Einsteiger und professionelle Entwickler

SELFPHP


Professional CronJob-Service

Suche



CronJob-Service    
bei SELFPHP mit ...



 + minütlichen Aufrufen
 + eigenem Crontab Eintrag
 + unbegrenzten CronJobs
 + Statistiken
 + Beispielaufrufen
 + Control-Bereich

Führen Sie mit den CronJobs von SELFPHP zeitgesteuert Programme auf Ihrem Server aus. Weitere Infos



:: Buchempfehlung ::

Handbuch der Java-Programmierung

Handbuch der Java-Programmierung zur Buchempfehlung
 

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP  

 

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!

Vorname: 
Name:
E-Mail:
 
 

Zurück   PHP Forum > SELFPHP > HTML, CSS und JavaScript Help!

HTML, CSS und JavaScript Help! Hier gibt es Hilfe zu HTML, CSS und JavaScript Problemen

Antwort
 
Themen-Optionen Ansicht
  #1  
Alt 23.04.2015, 13:26:25
makro makro ist offline
Anfänger
 
Registriert seit: Apr 2015
Alter: 40
Beiträge: 5
Java Skript Bild per MouseOver einfügen

Hallo,
gleich zu Anfang: ich bin Beginner in JS / HTML!

Ich möchte per MouseOver eine Grafik an eine definierte Stelle erscheinen lassen und beim Verlassen die Grafik ausblenden.
Mit Texten funktioniert es, mit Grafiken leider nicht (Start1 funktioniert, Start2 ist fehlerhaft).
Kann mir jemand einen Tipp geben wo meine Fehler liegen?

HTML-Code:
<!DOCTYPE HTML PUBLIC>

<html>
   <head>

   <style>
   div {
    width:900px;
    height: 300px;
    margin: 10px;
    float: left;
    text-align: center;
    background-color: lightgray;
   }
   </style>

  </head>

  <body>
    <h2>Test</h2>
        <img id="start1" src="Minigolf/start1.png" width="200"
        onMouseOver='document.getElementById("test").innerHTML = "Hallo Welt" '
        onMouseOut='document.getElementById("test").innerHTML = ""'>

        <img id="start2" src="Minigolf/start2.png" width="200"
        onMouseover='document.getElementById("test").innerHTML = <img src="Minigolf/2.png" width="100" '
        onMouseOut='document.getElementById("test").innerHTML = ""'>

    <div id="test"></div>

  </body>
</html>
Mit Zitat antworten
  #2  
Alt 23.04.2015, 13:48:39
Ckaos Ckaos ist offline
Member
 
Registriert seit: Nov 2007
Beiträge: 843
AW: Java Skript Bild per MouseOver einfügen

Hi,

dir fehlen noch ein paar Zeichen ;)
Code:
<img id="start2" src="Minigolf/start2.png" width="200"
        onMouseover='document.getElementById("test").innerHTML = "<img src=\"Minigolf/2.png\" width=\"100\">" '
        onMouseOut='document.getElementById("test").innerHTML = ""'>
MfG

CKaos
__________________
"Wenn die Leute Häuser so bauen würden, wie wir Programme schreiben, würde der erstbeste Specht unsere Zivilisation zerhacken."
In den allermeisten Fällen sitzt der Bug etwa 40 cm vor dem Monitor!
Mit Zitat antworten
  #3  
Alt 23.04.2015, 14:39:33
sysop sysop ist offline
Member
 
Registriert seit: Mar 2004
Ort: wien
Beiträge: 512
AW: Java Skript Bild per MouseOver einfügen

Das geht aber schöner mit reinem CSS, ohne JS

HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>test</title>
</head>
<body>

<style type="text/css">


.info
{
   display: none
}

#textausgabe
{
   float: left;
   width: 10%;
   padding: 0.5em;
}

#textausgabe A:hover .info
{
   DISPLAY: block;
   BACKGROUND: none transparent scroll repeat 0% 0%;
   margin-LEFT: 60%;
   PADDING-BOTTOM: 0px;
   COLOR: black;
   PADDING-TOP: 200px;
   POSITION: absolute;
   TOP: 0px;
   HEIGHT: 50px;
}
</style>


<div id="textausgabe">
<a name="bla" title="02.04.2015 [11:08]">Text<span class="info"><img src="IMG_PATH" width="300" height="161" alt="ALTERNATIV_TEXT"></span></a>
</div>

</body>
</html>
__________________
Gruss sys ;-)
Ich möchte wie mein Grossvater sterben, lächelnd und schlafend, nicht schreiend und weinend, wie sein Beifahrer.
Mit Zitat antworten
  #4  
Alt 23.04.2015, 14:41:26
makro makro ist offline
Anfänger
 
Registriert seit: Apr 2015
Alter: 40
Beiträge: 5
AW: Java Skript Bild per MouseOver einfügen

Oh, Danke für die super schnellen Antworten.

Was für eine Ausgabe haben das \ und das ">" in der folgenden Zeile?

HTML-Code:
onMouseover='document.getElementById("test").innerHTML = "<img src=\"Minigolf/2.png\" width=\"100\">" '
mfg

Geändert von makro (23.04.2015 um 14:53:03 Uhr)
Mit Zitat antworten
  #5  
Alt 23.04.2015, 15:00:46
makro makro ist offline
Anfänger
 
Registriert seit: Apr 2015
Alter: 40
Beiträge: 5
AW: Java Skript Bild per MouseOver einfügen

Hat sich erledigt hab die Antwort :)
Mit Zitat antworten
Antwort

Stichworte
getelementbyid, mouseout, mouseover


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind aus.
[IMG] Code ist aus.
HTML-Code ist aus.

Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Mit Javascript ein Bild einfügen lukgestach HTML, CSS und JavaScript Help! 3 30.06.2009 16:42:01
Dateien aus Ordner auslesen und darstellen MADdaMAX PHP Grundlagen 4 18.05.2008 20:05:34
Bild in php-Datei einfügen Felix1710 PHP Grundlagen 1 16.04.2008 13:49:07
Bild an bestimmte Stelle einfügen Don Nike PHP Grundlagen 5 12.04.2005 17:18:01
java skript an oder aus Beedle HTML, CSS und JavaScript Help! 8 30.04.2004 19:08:44


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:09:47 Uhr.


Powered by vBulletin® Version 3.8.3 (Deutsch)
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.


© 2001-2024 E-Mail SELFPHP OHG, info@selfphp.deImpressumKontakt