Externen Javascript durch klick auf Link ausführen

Chacky · 11.02.2011, 09:36

Hallo,

ich würde gerne extern ein Javascript ausführen das erst geladen wird sobald man auf einen Link geklickt hat.

Folgendermaßen sieht das mit einem internen Script aus:

Der Link:

PHP-Code:

  <a href="#formdiv" onclick="javascript:document.getElementById('formdiv').style.visibility='visible';javascript:document.getElementById('formdiv2').style.visibility='hidden';">Box 1 einblenden</a>

Wie funktioniert es, dass der Javascript extern geladen wird.

Wenn soetwas über onclick überhaubt möglich ist. In etwa so ?

PHP-Code:

  <a href="#formdiv" onclick="Javascript.js">Box 1 einblenden</a>

Mit freundlichen Grüßen,
Chacky

BlackScorp · 11.02.2011, 09:43

PHP-Code:

  <script type="text/javascript">
var loadJsFile = function(url){
var elem = document.getElementById("meinScript");
elem.innerHTML += '<script type="text/javscript" src="'+url+'"></script>';
}
</script>
<div id="meinScript" style="display:none"></div>
<a href="#formdiv" onclick="loadJsFile("http://eineurl.de/jQuery.js")">Box 1 einblenden</a>

Chacky · 11.02.2011, 09:57

Mhh danke,

ich habe mehrere javascript Dateien , für jeweils z.b Box1.js Box2.js Box3.js.

Muss ich den Code für jeden Script einzeln neu nutzen ?

Also:

HTML Datei:

PHP-Code:

  <head>

 
<script type="text/javascript">

 
 
var loadJsFile = function(url){

var elem = document.getElementById("Box1");

elem.innerHTML += '<script type="text/javscript" src="'Box1.js'"></script>';

}

 
var loadJsFile = function(url){

var elem = document.getElementById("Box2");

elem.innerHTML += '<script type="text/javscript" src="'Box2.js'"></script>';

}

 
var loadJsFile = function(url){

var elem = document.getElementById("Box3");

elem.innerHTML += '<script type="text/javscript" src="'Box3.js'"></script>';

}

 
</script>

</head>

<body>

 
<div id="Box1" style="display:none"></div>

<a href="#formdiv" onclick="loadJsFile("Box1.js")">Box 1 einblenden</a>  

 
 
<div id="Box2" style="display:none"></div>

<a href="#formdiv" onclick="loadJsFile("Box2.js")">Box 2 einblenden</a>  

 
<div id="Box3" style="display:none"></div>

<a href="#formdiv" onclick="loadJsFile("Box3.js")">Box 3 einblenden</a></body>

Box1.js:

PHP-Code:

  javascript:document.getElementById('formdiv').style.visibility='visible';javascript:document.getElementById('formdiv2').style.visibility='hidden';

So in etwa richtig ?

tr0y · 11.02.2011, 09:58

Javascripts die ohne Function-Interaktion einfach so was beim user anstellen hätten für mich den uncoolen Beigeschmack einer Malware..

BlackScorp · 11.02.2011, 10:05

lad dir mal jQuery und jQueryUi runter.. dann binde diese in deine HTML Datei

PHP-Code:

  <script type="text/javascript" src="jQuery.js"></script>

<script type="text/javascript" src="jQueryUi.js"></script>

dann kannst du mit folgenden Code deine Boxen einblenden:

PHP-Code:

  <script type="text/javascript">

$(function(){

$('a.button').click(function(){

var divBox = $(this).attr('title');

$('#'+divBox).fadeIn("slow");

});

});

</script>

dazu brauchst du dann nur noch folgenden HTML Code

PHP-Code:

  <div id="divBox1" style="display:none">Hiiii!!</div>

<a href="#" title="divBox1">Box1 Öffnen</a>

Chacky · 11.02.2011, 10:08

Mhh okay, vielen dank, ich versuchs mal =)

BlackScorp · 11.02.2011, 10:30

anahnd des titles im link, kannst du bestimmen welche div id sich aufploppen soll

ChrisB · 11.02.2011, 12:16

Zitat:

Zitat von Chacky

ich habe mehrere javascript Dateien , für jeweils z.b Box1.js Box2.js Box3.js.

Klingt unsinnig.

Informiere dich mal, wie man Funktionen sinnvoll einsetzt, um wiederkehrende Code-Teile nicht doppelt zu schreiben, unter Verwendung variabler Daten.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] MySQL Link Resource in einer statischen Variablen speichern	Lenki	PHP-Fortgeschrittene	8	18.03.2010 16:37
Klickzähler -- externen klick auf link erkennen	Ruffstaarr	PHP Tipps 2009	12	25.12.2009 22:17
[Erledigt] gesamte Spalte in Array abspeichern	Kotbatzen	PHP Tipps 2009	23	05.09.2009 00:01
Formular Inhalt per JavaScript an Link anhängen	j.wagner	JavaScript, Ajax und mehr	11	14.04.2009 22:56
Klick auf Seitenobjekt (Link mit onClick Ereigniss) mit JScript simulieren	Stephan_87	JavaScript, Ajax und mehr	1	22.12.2008 21:50
1101: 10x JavaScript und kein Ende ist abzusehen…	Nikolaus 2.0	Adventskalender 2008	9	13.12.2008 20:11
[Nicht lösbar] 2 links mit einem klick OHNE javascript	Dragon26mFR	HTML, Usability und Barrierefreiheit	7	03.03.2006 16:10
Link erst nach Bestätigung ausführen	Crypi	HTML, Usability und Barrierefreiheit	2	15.02.2006 14:41
Suche Tipps für Persormance-Steigerung (Geld für Nützliches)		Beitragsarchiv	18	16.08.2005 10:57
Link in PHP Datei direkt ausführen...		PHP Tipps 2005-2	3	16.07.2005 18:47
javascript php datei ausführen		PHP Tipps 2005	1	02.06.2005 11:29
Externen Link evt. als Popup		HTML, Usability und Barrierefreiheit	9	13.04.2005 18:23
link öffnen & funktion ausführen...	StartUpBoy	PHP Tipps 2005	2	27.03.2005 21:39
Javascript im PHP Link		PHP Tipps 2005	2	08.01.2005 02:05

11.02.2011, 09:36
Chacky Erfahrener Benutzer Registriert seit: 24.11.2010 Beiträge: 104 PHP-Kenntnisse: Anfänger	Externen Javascript durch klick auf Link ausführen Hallo, ich würde gerne extern ein Javascript ausführen das erst geladen wird sobald man auf einen Link geklickt hat. Folgendermaßen sieht das mit einem internen Script aus: Der Link: PHP-Code: `<a href="#formdiv" onclick="javascript:document.getElementById('formdiv').style.visibility='visible';javascript:document.getElementById('formdiv2').style.visibility='hidden';">Box 1 einblenden</a>` Wie funktioniert es, dass der Javascript extern geladen wird. Wenn soetwas über onclick überhaubt möglich ist. In etwa so ? PHP-Code: `<a href="#formdiv" onclick="Javascript.js">Box 1 einblenden</a>` Mit freundlichen Grüßen, Chacky Geändert von Chacky (11.02.2011 um 09:42 Uhr).


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

11.02.2011, 09:43
BlackScorp Erfahrener Benutzer Registriert seit: 25.09.2009 Beiträge: 2.114 PHP-Kenntnisse: Fortgeschritten	PHP-Code: `<script type="text/javascript"> var loadJsFile = function(url){ var elem = document.getElementById("meinScript"); elem.innerHTML += '<script type="text/javscript" src="'+url+'"></script>'; } </script> <div id="meinScript" style="display:none"></div> <a href="#formdiv" onclick="loadJsFile("http://eineurl.de/jQuery.js")">Box 1 einblenden</a>` __________________ Mein kleines Projekt -Cruel Online- 5 von 3 Leuten können kein Bruchrechnen Geändert von BlackScorp (11.02.2011 um 09:46 Uhr).

11.02.2011, 09:57
Chacky Erfahrener Benutzer Registriert seit: 24.11.2010 Beiträge: 104 PHP-Kenntnisse: Anfänger	Mhh danke, ich habe mehrere javascript Dateien , für jeweils z.b Box1.js Box2.js Box3.js. Muss ich den Code für jeden Script einzeln neu nutzen ? Also: HTML Datei: PHP-Code: <head> <script type="text/javascript"> var loadJsFile = function(url){ var elem = document.getElementById("Box1"); elem.innerHTML += '<script type="text/javscript" src="'Box1.js'"></script>'; } var loadJsFile = function(url){ var elem = document.getElementById("Box2"); elem.innerHTML += '<script type="text/javscript" src="'Box2.js'"></script>'; } var loadJsFile = function(url){ var elem = document.getElementById("Box3"); elem.innerHTML += '<script type="text/javscript" src="'Box3.js'"></script>'; } </script> </head> <body> <div id="Box1" style="display:none"></div> <a href="#formdiv" onclick="loadJsFile("Box1.js")">Box 1 einblenden</a> <div id="Box2" style="display:none"></div> <a href="#formdiv" onclick="loadJsFile("Box2.js")">Box 2 einblenden</a> <div id="Box3" style="display:none"></div> <a href="#formdiv" onclick="loadJsFile("Box3.js")">Box 3 einblenden</a></body> Box1.js: PHP-Code: `javascript:document.getElementById('formdiv').style.visibility='visible';javascript:document.getElementById('formdiv2').style.visibility='hidden';` So in etwa richtig ?

11.02.2011, 09:58
tr0y Erfahrener Benutzer Registriert seit: 26.07.2010 Beiträge: 4.865 PHP-Kenntnisse: Fortgeschritten	Javascripts die ohne Function-Interaktion einfach so was beim user anstellen hätten für mich den uncoolen Beigeschmack einer Malware.. __________________ Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr.

11.02.2011, 10:05
BlackScorp Erfahrener Benutzer Registriert seit: 25.09.2009 Beiträge: 2.114 PHP-Kenntnisse: Fortgeschritten	lad dir mal jQuery und jQueryUi runter.. dann binde diese in deine HTML Datei PHP-Code: `<script type="text/javascript" src="jQuery.js"></script> <script type="text/javascript" src="jQueryUi.js"></script>` dann kannst du mit folgenden Code deine Boxen einblenden: PHP-Code: `<script type="text/javascript"> $(function(){ $('a.button').click(function(){ var divBox = $(this).attr('title'); $('#'+divBox).fadeIn("slow"); }); }); </script>` dazu brauchst du dann nur noch folgenden HTML Code PHP-Code: `<div id="divBox1" style="display:none">Hiiii!!</div> <a href="#" title="divBox1">Box1 Öffnen</a>` __________________ Mein kleines Projekt -Cruel Online- 5 von 3 Leuten können kein Bruchrechnen

11.02.2011, 10:08
Chacky Erfahrener Benutzer Registriert seit: 24.11.2010 Beiträge: 104 PHP-Kenntnisse: Anfänger	Mhh okay, vielen dank, ich versuchs mal =)

11.02.2011, 10:30
BlackScorp Erfahrener Benutzer Registriert seit: 25.09.2009 Beiträge: 2.114 PHP-Kenntnisse: Fortgeschritten	anahnd des titles im link, kannst du bestimmen welche div id sich aufploppen soll __________________ Mein kleines Projekt -Cruel Online- 5 von 3 Leuten können kein Bruchrechnen