zurück zur Startseite
  


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

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 08.04.2017, 10:14
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.09.2015
Beiträge: 159
Sabine1 befindet sich auf einem aufstrebenden Ast
Standard Skript in vorhandene Datei einbinden

Hallo
ich habe eine js-Datei mit folgendem Inhalt
Code:
jQuery(document).ready(function(){
	jQuery("#scroll-up").hide();
	jQuery(function () {
		jQuery(window).scroll(function () {
			if (jQuery(this).scrollTop() > 1000) {
				jQuery('#scroll-up').fadeIn();
			} else {
				jQuery('#scroll-up').fadeOut();
			}
		});
		jQuery('a#scroll-up').click(function () {
			jQuery('body,html').animate({
				scrollTop: 0
			}, 800);
			return false;
		});
	});
});
Und in diese Datei möchte ich die folgenden beiden Skripte integrieren:

Code:
<script>
(function($){$.fn.responsinatr=function(options){var settings=$.extend({target:"iframe",wrapperClass:"responsinatr"},options);$(window).on("load",function(){$(settings.target).each(function(){$(this).wrap('<div class="'+settings.wrapperClass+'"></div>');console.log("wrapper class added!")})});$(window).on("load resize",function(){$(settings.target).each(function(){var $oldHeight=$(settings.target).attr("height");var $oldWidth=$(settings.target).attr("width");var $newWidth=$(settings.target).parent().width();var $newHeight=$oldHeight/$oldWidth*$newWidth;$("."+settings.wrapperClass).find("iframe").css({height:$newHeight+"px",width:$newWidth+"px"});console.log("height/width values added!")})})}})(jQuery);
</script>
<script>
$(function(){
    $('body').responsinatr();
});
</script>
Könnte mir bitte jemand mitteilen, wie ich das machen muss?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.04.2017, 10:50
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 kannst du genauso benutzen wie du es schreibst. Die Funktion ready von jQuery kannst du mehrfach aufrufen.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.04.2017, 11:07
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.09.2015
Beiträge: 159
Sabine1 befindet sich auf einem aufstrebenden Ast
Standard

Vielen Dank für deine Antwort!
Hätte nicht gedacht, dass das so funktioniert.
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
Skript auf jeder Seite einbinden - ohne Verweis auf jeder Seite AndreasB Serveradministration und serverseitige Scripte 27 21.09.2010 13:55
externe CSS Datei in HTML einbinden simsam CSS 5 15.03.2010 20:19
XML Datei in eine XHTML Datei einbinden danny.b (X)HTML 5 22.12.2008 07:06
php Datei in css webseite einbinden X5-599 Serveradministration und serverseitige Scripte 14 19.05.2008 09:52
CSS Datei einbinden bueno CSS 1 16.07.2006 20:13


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:54 Uhr.