zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden onmouseover mit JS

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 14.03.2014, 22:52
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.03.2014
Beiträge: 5
bluray befindet sich auf einem aufstrebenden Ast
Standard onmouseover mit JS

Hi, hab folgendes Problem:

Will eine Navigation machen, welche das Bild wechselt, wenn man mit der Maus darüber ist. Hier mein Ansatz:

Code:
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript">
function showNavbar(target) {
    $('#Nav-img').removeClass();
    $('#Nav-img').addClass('Navbar-'+target);
	reload();
}
</script>
</head>
<div class="Navigation">
<div class="Nav-map">
<div id="Nav-img" class="">
		<center><map name="navbar" id="navbar">
        <img src="images/punkt.png" width="792px" height="192px" alt="map" usemap="#navbar" />
                            <area shape="poly" coords="160,140,172,141,195,143,226,147,259,150,260,173,205,170,158,166,156,150" href="javascript:void(0)" alt="Navbar1" title="Navbar1" onmouseover="showNavbar(1)" />
                            <area shape="poly" coords="" href="javascript:void(0)" alt="Navbar2" title="Navbar2" onmouseover="showNavbar(2)" />
                            <area shape="poly" coords="" href="javascript:void(0)" alt="Navbar3" title="Navbar3" onmouseover="showNavbar(3)" />
                            <area shape="poly" coords="" href="javascript:void(0)" alt="Navbar4" title="Navbar4" onmouseover="showNavbar(4)" />
		</map></center>
</div>
</div>
</div>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 14.03.2014, 23:36
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Ok
a) ist das der Ganze Code?
b) Was ist denn die Fehlermeldung/was sagt die Konsole?
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 14.03.2014, 23:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.03.2014
Beiträge: 5
bluray befindet sich auf einem aufstrebenden Ast
Standard

Es gibt dazu noch den CSS:
Code:
.Navigation {
	margin:9px 0 0 0;
	padding:0;
	position:relative;
}

.Navigation .Nav-map {
	background-image:url(images/navbar01_normal_transparent.png);
	background-repeat:no-repeat;
	background-position:top center;
	position:relative;
	height: 192px;
	}

.Navigation #Nav-img {
	position:relative;
}

.Navigation .Navbar-1 {
	background:url('images/navbar01_markiert_transparent.png') no-repeat;
	background-position:top center;
	height:192px;
}

.Navigation .Navbar-2 {
	background:url('images/navbar02_markiert_transparent.png') no-repeat;
	background-position:top center;
	height:192px;
}

.Navigation .Navbar-3 {
	background:url('images/navbar03_markiert_transparent.png') no-repeat;
	background-position:top center;
	height:192px;
}

.Navigation .Navbar-4 {
	background:url('images/navbar04_markiert_transparent.png') no-repeat;
	background-position:top center;
	height:192px;
}

Das Problem ist, dass eben keine Fehlermeldung kommt... es passiert einfach nichts, wenn ich mit der Maus drübergehe...
Mit Zitat antworten
  #4 (permalink)  
Alt 14.03.2014, 23:43
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Du hast also keinen Doctype genutzt, kein jQuery eingebunden oder noch ein <body> </html> genutzt? Eine Fehlermeldung würde dann zu 100% kommen.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #5 (permalink)  
Alt 14.03.2014, 23:44
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.03.2014
Beiträge: 5
bluray befindet sich auf einem aufstrebenden Ast
Standard

doch doch:

Code:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<title></title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript">
function showNavbar(target) {
    $('#Nav-img').removeClass();
    $('#Nav-img').addClass('Navbar-'+target);
}

function showFooter(target) {
	$('#Footer-img').removeClass();
	$('#Footer-img').addClass('FLink-'+target);
}
</script>
</head>
<div class="Navigation">
<div class="Nav-map">
<div id="Nav-img" class="Navbar">
		<center><map name="navbar" id="navbar">
        <img src="images/punkt.png" width="792px" height="192px" alt="map" usemap="#navbar" />
                            <area shape="poly" coords="160,140,172,141,195,143,226,147,259,150,260,173,205,170,158,166,156,150" href="javascript:void(0)" alt="Home" title="Home" onmouseover="showNavbar(1)" />
                            <area shape="rect" coords="274,148,366,188" href="javascript:void(0)" alt="Info" title="Info" onmouseover="showNavbar(2)" />
                            <area shape="rect" coords="418,157,547,180" href="javascript:void(0)" alt="Bilder" title="Bilder" onmouseover="showNavbar(3)" />
                            <area shape="rect" coords="553,138,706,163" href="javascript:void(0)" alt="Navbar4" title="Navbar4" onmouseover="showNavbar(4)" />
		</map></center>
</div>
</div>
</div>
<body>
<!--<div id="Indexpage">Text</div> -->
</body>
<div class="Footer">
<div class="Footer-map">
<div id="Footer-img" class="FLink">
	<center><map name="footer" id="footer">
    <img src="images/punkt.png" width="798px" height="116" alt="map" usemap="#footer" />
    <area shape="rect" coords="327,84,395,99" href="javascript:void(0)" alt="Impressum" title="Impressum" onmouseover="showFooter(1)" />
    <area shape="rect" coords="409,83,455,98" href="javascript:void(0)" alt="Kontakt" title="Kontakt" onmouseover="showFooter(2)" />
    </map></center>
</div>
</div>
</div>

</html>
Mit Zitat antworten
  #6 (permalink)  
Alt 14.03.2014, 23:57
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Ich seh da immer noch Fehler (auch in der Konsole), da kein jQuery eingebunden ist.
jQuery
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #7 (permalink)  
Alt 15.03.2014, 00:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.03.2014
Beiträge: 5
bluray befindet sich auf einem aufstrebenden Ast
Standard

wäre ein Tip mehr als nur die Seite möglich?

ich bin nicht wirklich in der materie
Mit Zitat antworten
  #8 (permalink)  
Alt 15.03.2014, 00:03
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.03.2014
Beiträge: 5
bluray befindet sich auf einem aufstrebenden Ast
Standard

habs herausgefunden, danke
Mit Zitat antworten
Antwort

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 an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
onmouseover nur einmal ausführen uthomas Javascript & Ajax 13 04.10.2010 14:02
Bild Bei OnMouseOver in groß DonPhil87 CSS 4 21.01.2010 09:42
onmouseover nuni83 CSS 21 26.07.2008 13:16
option onmouseover cgdesign Javascript & Ajax 1 29.06.2006 22:05
Bei onmouseover 2 Befehle ausführen Sayphong CSS 1 13.10.2005 14:59


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:11 Uhr.