zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Javascript in HTML Seite einbinden

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 06.05.2016, 12:12
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.05.2016
Beiträge: 2
maxhtml befindet sich auf einem aufstrebenden Ast
Ausrufezeichen Javascript in HTML Seite einbinden

Hallo zusammen an alle hier im Forum,

als HTML Anfänger stehe ich grade vor einem Problem und konnte auch nach stundenlangem Suchen im Web keine Lösung finden.
Auf jeder Unterseite meiner Homepage soll ein Bild sein, welches bei einem klick auf dieses, den Nutzer an einer zufällige(aus einer Liste) Seite weiterleitet. Damit diese Liste bei Ergänzung nicht auf jeder Seite angepasst werden muss, habe ich den Javascript Code in eine externe Datei ausgelagert, leider funktioniert das Klicken auf das Bild dann nicht mehr.

HTML-Code:
<head>
    <title>Random Presents</title>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />

    <link href="style.css" type="text/css" rel="stylesheet" />
    <link href="favicon.ico" type="image/x-icon" rel="shortcut icon" />
    <script language="javascript" type="text/javascript" src="random.js"></script>
</head>

<body>


   <img id="lol" src="button.jpg" alt="random presents" title="CLICK IT HARD" onclick="random()" />

Und die Javascript Datei:


Code:
function random()
{
 var myrandom=Math.round(Math.random()*3)
    var links=new Array()
    links[0]="produktseite.html"
    links[1]="test1.html"
    links[2]="test2.html"
    links[3]="test3.html"


}

Ich wäre sehr dankbar, wenn jemand wüsste, woran es liegt, dass die Zufallsliste nicht ausgeführt wird.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 06.05.2016, 13:06
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Sicher "funktioniert" das klicken aufs Bild, du wirst ohne Probleme drauf klicken können. In der daraufhin aufgerufenen Javascript-Funktion definierst du dann ein Array von test1, test2, etc. Seiten. Und das war es dann auch schon, du machst mit diesem Array dann nichts.
Wo hast du den Code, der dir aus dem Array einen Link auswählt? Und wo ist der, der dich dann weiterleitet?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 06.05.2016, 13:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.05.2016
Beiträge: 2
maxhtml befindet sich auf einem aufstrebenden Ast
Lächeln

Wenn ich den exakt gleichen Code in die HTML Datei schreibe, klappt es aber...

HTML-Code:
 <img id="lol" src="button.jpg" alt="random presents" title="CLICK IT HARD" onclick="random()" />

    <script type="text/javascript" >
    function random(){
    var myrandom=Math.round(Math.random()*3)
    var links=new Array()
    links[0]="test.html"
    links[1]="test1.html"
    links[2]="test2.html"
    links[3]="test3.html"


    window.location=links[myrandom]
}

</script>
Mit Zitat antworten
  #4 (permalink)  
Alt 06.05.2016, 13:27
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

das ist nicht exakt der gleiche Code
Mit Zitat antworten
  #5 (permalink)  
Alt 06.05.2016, 16:05
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.016
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Problem gelöst?

Deine Random-Funktion ist noch fehlerhaft. Math.random liefert dir einen Wert von 0 (inklusive) bis 1 (exklusive). Wenn du den mit der Anzahl deiner Array-Elemente multiplizierst und dann rundest, kann bei deinem Beispiel auch eine 4 herauskommen, den Eintrag gibt es in deinem Array aber gar nicht.

„new Array“ verwendet man in der Regel nicht, das ist nicht nötig, [] reicht aus.
Den Index musst auch nicht selbst vergeben, entweder du nutzt die push-Methode des Arrays oder du schreibst es gleich anders:

Code:
var links = [
	'test.html',
	'test1.html',
	'test2.html',
	'test3.html'
];
var random = Math.floor(Math.random() * links.length);
window.location = links[random];

Korinthenkackerei:
Deine Homepage hat keine Unterseiten, die Homepage ist die Startseite, Hauptseite, Frontpage, Leitseite, Indexseite und davon gibt es nur eine einzige. Du meinst Website, Webauftritt, Webpräsenz, das bezeichnet das gesamte Angebot und kann aus vielen Webseiten bestehen.
Mit Zitat antworten
Antwort

Stichwörter
extern, html, javascript, zufall

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
CSS einbinden in HTML lionheart1968 CSS 1 10.12.2010 15:19
per jquery flash entfernen und html anzeigen lassen destroy90210 Javascript & Ajax 2 02.01.2010 18:15
javascript seite nur einmal einbinden HackTack Javascript & Ajax 1 10.02.2009 05:54
Wie am besten alte HTML Seite mit Tabellen in CSS Layout ? Fidi CSS 0 07.01.2004 12:27
Menü in Seite einbinden Anonymous CSS 2 21.07.2003 12:13


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:26 Uhr.