Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

gelöst JS - Scrollfunktion auf iFrame umbiegen

Mitglied: Der-Ingo

Der-Ingo (Level 1) - Jetzt verbinden

05.07.2018 um 21:07 Uhr, 1045 Aufrufe, 6 Kommentare

Hallo zusammen,
ich möchte gerne beim herunterscrollen eine CSS Klasse tauschen. Das funktioniert soweit auch.
Was muss ich denn nun machen damit das Ganze aus einem iFrame heraus funktioniert ? Dem
iFrame habe ich die id "Fenster" gegeben, wie muss ich die nun im Javascriptcode einbinden ?
Kann man überhaupt den Scroll eines iFrames überwachen bzw abgreifen ?
Grüße Ingo

Hier der bisherige Code JS.Code
01.

02.
<script type="text/javascript">
03.

04.

05.
    $(window).load(function(){
06.
      
07.
$(document).ready(function () {
08.

09.
    $(window).scroll(function () {
10.
        if ($(this).scrollTop() > 10) {
11.

12.

13.
                                   $('#ident1').removeClass('Element1');
14.
                                   $('#ident1').addClass('Element2');
15.

16.
        } else {
17.

18.
 
19.
                                   $('#ident1').removeClass('Element2');
20.
                                   $('#ident1').addClass('Element1');
21.
 
22.
        }
23.
    });
24.
    });
25.
    });
26.

27.

28.
</script>
29.
Mitglied: 136588
05.07.2018, aktualisiert um 22:28 Uhr
Du musst das Scrollevent vom contentDocument des iFrames subscriben, ein iframe selbst hat kein scroll event.
01.
document.getElementById('fenster').contentDocument.addEventListener('scroll', function(){
02.
    alert('iframe is scrolling')
03.
}, false);
Und natürlich die same origin policy bei iFrames beachten. Die Seite des iFrames muss also entweder auf der selben Domain liegen oder sie muss Cross Site Scripting explizit per CORS-Header erlauben damit das funktionieren kann.
Bitte warten ..
Mitglied: Der-Ingo
05.07.2018 um 23:04 Uhr
Die "same origin policy" ist kein Problem, da ich nur eine Unterseite anzeigen möchte keine fremde Seite.
Aber muss jetzt der gesamte Javascript Code ins iFrame ?
Auf der "Hauptseite" wird dann kein Javascript eingebunden ?
Bitte warten ..
Mitglied: 136588
05.07.2018, aktualisiert um 23:57 Uhr
Zitat von Der-Ingo:
> Aber muss jetzt der gesamte Javascript Code ins iFrame ?
Nein, das bleibt in der Hauptseite!
Auf der "Hauptseite" wird dann kein Javascript eingebunden ?
Doch, das kommt dort hin.
Bitte warten ..
Mitglied: Der-Ingo
06.07.2018 um 09:23 Uhr
Ok danke dir
So richtig hab ich es zwar immer noch nicht verstanden, wie das gehen soll.
Aber es läuft jetzt !! Allerdings aus dem iFrame heraus.

Hier mein neuer Code

01.
<script type="text/javascript">
02.

03.

04.
    $(window).load(function(){
05.
      
06.
$(document).ready(function () {
07.

08.
    $(window).scroll(function () {
09.
        if ($(this).scrollTop() > 10) {
10.

11.
                                   $('#ident1', window.parent.document).removeClass('Element1');
12.
                                   $('#ident1', window.parent.document).addClass('Element2');
13.

14.
        } else {
15.

16.
 
17.
                                   $('#ident1', window.parent.document).removeClass('Element2');
18.
                                   $('#ident1', window.parent.document).addClass('Element1');
19.

20.
        }
21.
    });
22.
    });
23.
    });
24.

25.

26.
</script>
Bitte warten ..
Mitglied: 136588
06.07.2018, aktualisiert um 09:25 Uhr
Ach so, das hatte ich missverstanden, ich dachte du wolltest es umgekehrt, naja aber der Anstubser hat dann wohl gereicht .
Bitte warten ..
Mitglied: Der-Ingo
06.07.2018 um 09:30 Uhr
Ja aber trotzdem klasse, dass du dir die Mühe gemacht hast
einen Lösungsansatz anzubieten und zu helfen.
Vielen Dank
Bitte warten ..
Ähnliche Inhalte
JavaScript
JS: Update Felder nach Auswahl
gelöst Frage von schneerunzelJavaScript3 Kommentare

Hallo zusammen, ich habe bisher noch nicht viel mit JavaScript gemacht Habe daher auch noch nicht viel Ahnung Um ...

JavaScript
JS Html div background change interval
gelöst Frage von michi-ffmJavaScript3 Kommentare

Hallo Zusammen, evtl kann mir jemand weiterhelfen. Ich möchte gerne via JS ein Div Background jede 10 sec ändern. ...

Webentwicklung
Angular JS problem mit Controller
Frage von janek26Webentwicklung1 Kommentar

Hallo, kann mir jemand sagen was an dem Controller falsch ist? LG Janek

JavaScript
Übergabe einer php-Variable an JS
Frage von Rabauke84JavaScript1 Kommentar

Hallo zusammen, ich hab eine Problem mit einer Übergabe einer Variable in php an JS. Dazu hab ich ein ...

Neue Wissensbeiträge
Sicherheits-Tools

TrendMicro Worry-Free Business Security 10.0 SP1 - Jetzt in Deutsch verfügbar! (Windows 10 1903 Support)

Tipp von TrinXx vor 23 StundenSicherheits-Tools1 Kommentar

Moin! Nach wochenlangem Warten wird Trend Micro das SP1 für WFBS 10 voraussichtlich am 26.08.19 veröffentlichen. Ich habe das ...

Hyper-V
Setup VM W2016 startet nicht in Hyper-V 2016
Erfahrungsbericht von keine-ahnung vor 2 TagenHyper-V4 Kommentare

Moin, sitze gerade über meinem neuen Server und versuche, die VM auf den Host zu prügeln. Jetzt wollte ich ...

Server-Hardware

HPE Proliant ML350P Gen8 Probleme mit Zugriff auf Raid-Volumes

Erfahrungsbericht von goscho vor 2 TagenServer-Hardware1 Kommentar

Hallo Leute, das Problemgerät: HPE ML350P G8 Windows Server 2012R2 HyperV-Host 8 x 300 GB 10K SAS HDD (1 ...

Humor (lol)

"Linux und 5 Gründe Warum man kein Windows verwenden sollte sondern Ubuntu Linux"

Information von Snowbird vor 4 TagenHumor (lol)9 Kommentare

Gerade gefunden. Ja, ist etwas älter, aber irgendwie lustig?

Heiß diskutierte Inhalte
Backup
Veeam Backup Endpoint Free sichert nicht alle Dateien in AppData
gelöst Frage von speedy26gonzalesBackup12 Kommentare

Hallo, ich sollte ein paar Dateien in C:\Users\xyc\AppData\Local\Microsoft\Outlook wieder herstellen. Auf dem Benutzerkonto ist in Outlook ein IMAP Konto ...

Audio
SIP Gegensprechstelle Funk
Frage von d4vidh4ll3rAudio11 Kommentare

Hallo! Ich benötige eine alternative zur doorLine TM4 ), sprich eine SIP Gegenstelle die ich unter eine Aluminium-Platte schrauben ...

Windows 10
Windows 10 Backup auf Netzwerk Storage
Frage von Futschel2608Windows 1010 Kommentare

Hallo geehrte Mitstreiter Innen, Wir wollen in unserer Windows 10 Domäne den Einzelnen Usern ermöglichen ihre Desktop PC's zusichern. ...

Windows Server
Ist es möglich, eine deutsche W2016 Installation mit einer UK-Lizenz zu aktivieren?
gelöst Frage von keine-ahnungWindows Server9 Kommentare

Moin at all, ist ja noch Freitag. Ich habe hier noch zwei UK OEM W2016 Standard Pakete rumfliegen Muss ...