ilch Forum » Ilch Clan 1.1 » Fehlersuche und Probleme » java in externe Datei auslagern

Geschlossen
  1. #1
    User Pic
    arndt Mitglied
    Registriert seit
    22.05.2011
    Beiträge
    26
    Beitragswertungen
    1 Beitragspunkte
    Hallo liebes Forum,

    bräuchte wiedermal Eure Hilfe!!!

    Ich möchte die beiden aufgeführten Java scripte in eine externe Datei auslagern, um bessere Ladezeiten und einen schlankeren Quellcode, zu erzielen! Habe schon mehrere Versuche unternommen, aber leider keine Erfolge dabei erzielt traurig
    Es gibt zwar viele Erläuterungen im Netz zum jeweiligen Thema, aber irgendwie packe ich es nicht verletzt
    Sicher kann mir jemand dabei behilflich sein dieses zu lösen!
    DANKE bereits im voraus für Eure Hilfe!

    Viele Grüße
    arndt

    Hier beide Scripte welche ich gerne extern auslagern möcchte:

    <a href="#" class="scrollicon" title="zum Seitenanfang"><div>^</div>nach oben</a>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script>
    $(window).scroll(function(){
    if ($(this).scrollTop() > 80) {
    $('.scrollicon').fadeIn();
    } else {
    $('.scrollicon').fadeOut();
    }
    });

    $('.scrollicon').click(function(){
    $("html, body").animate({ scrollTop: 0 }, 5000);
    return false;
    });
    </script>
    --------------------------------------------------------------
    <script src="/dist/js/lightbox-plus-jquery.min.js"></script>
    <script>
    var slideIndex = 1;
    showDivs(slideIndex);

    function plusDivs(n) {
    showDivs(slideIndex += n);
    }

    function currentDiv(n) {
    showDivs(slideIndex = n);
    }

    function showDivs(n) {
    var i;
    var x = document.getElementsByClassName("mySlides");
    var dots = document.getElementsByClassName("demo");
    if (n > x.length) {slideIndex = 1}
    if (n < 1) {slideIndex = x.length}
    for (i = 0; i < x.length; i++) {
    x[i].style.display = "none";
    }
    for (i = 0; i < dots.length; i++) {
    dots[i].className = dots[i].className.replace(" w3-white", "");
    }
    x[slideIndex-1].style.display = "block";
    dots[slideIndex-1].className += " w3-white";
    }
    </script>

    betroffene Homepage: externer Link
    Ich kann freilich nicht sagen, ob es besser wird, wenn es anders wird. Aber soviel kann ich sagen: es muss anders werden, wenn es besser werden soll!
    externer Link
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.622
    Beitragswertungen
    1192 Beitragspunkte
    Du erstellst eine neue JS-Datei mit dem Javascript.

    Beispiel:
    // scroll to top
    $(window).scroll(function() {
    	if ($(this).scrollTop() > 80) {
    		$('.scrollicon').fadeIn();
    	} else {
    		$('.scrollicon').fadeOut();
    	}
    });
    $('.scrollicon').click(function() {
    	$("html, body").animate({scrollTop:0},5000);
    	return false;
    });
    
    // show div
    var slideIndex = 1;
    showDivs(slideIndex);
    function plusDivs(n) {
    	showDivs(slideIndex += n);
    }
    function currentDiv(n) {
    	showDivs(slideIndex = n);
    }
    function showDivs(n) {
    	var i;
    	var x = document.getElementsByClassName("mySlides");
    	var dots = document.getElementsByClassName("demo");
    	if (n > x.length) {slideIndex = 1}
    	if (n < 1) {slideIndex = x.length}
    	for (i = 0; i < x.length; i++) {
    		x[i].style.display = "none";
    	}
    	for (i = 0; i < dots.length; i++) {
    		dots[i].className = dots[i].className.replace(" w3-white", "");
    	}
    	x[slideIndex-1].style.display = "block";
    	dots[slideIndex-1].className += " w3-white";
    }


    Dann fügst du zum Schluss nur noch die JS Links in das Template bzw. index.htm ein.
    Beispiel:
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script src="/dist/js/lightbox-plus-jquery.min.js"></script>
    <script src="url/construct.js"></script>
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    arndt Mitglied
    Registriert seit
    22.05.2011
    Beiträge
    26
    Beitragswertungen
    1 Beitragspunkte
    Hallo Lord,

    Danke für Deine Bemühung. Werde mich gleich darauf stürzen.
    So wie Du vorgegeben hast, so war bereits auch ein früherer Versuch meinerseits, welcher aber auch nicht zum Erfolg führte. Werde aber auf alle Fälle nochmals Punkt für Punkt abarbeiten - müsste man nun ja irgendwie zum laufen bekommen, sagt der Optimist!

    Schönes Wochenende
    Gruß arndt
    Ich kann freilich nicht sagen, ob es besser wird, wenn es anders wird. Aber soviel kann ich sagen: es muss anders werden, wenn es besser werden soll!
    externer Link
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    arndt Mitglied
    Registriert seit
    22.05.2011
    Beiträge
    26
    Beitragswertungen
    1 Beitragspunkte
    Hallo Lord,

    vielen Dank nochmals, es läuft wie erwartet!:),dank Deiner Hilfe!!!

    Gruß
    arndt
    Ich kann freilich nicht sagen, ob es besser wird, wenn es anders wird. Aber soviel kann ich sagen: es muss anders werden, wenn es besser werden soll!
    externer Link
    1 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Fehlersuche und Probleme

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten