2016-09-19 6 views
1

Ich habe eine Seite mit mehreren verschiedenen iframes, die meine Ladezeit verzögern, so dass ich möchte, dass sie nur laden, wenn ich auf eine separate Schaltfläche klicke.Load on Click Javascript oder jquery

Wie ich es jetzt eingerichtet habe, gibt es "window blocks" und in jedem dieser divs gibt es zwei Geschwister, die "app link" und die App "window";

also hier ist meine Struktur (es gibt mehrere ähnlichen „Fensterblocks“ auf der gleichen Seite)

<div class="w-clearfix window-block"> 
<a class="app-link w-inline-block" data-ix="open-window" href="#" style="transition: all 0.2s ease-in-out 0s;"> 
<div class="w-clearfix wapps window ui-draggable" data-ix="collapse-on-load" style="transition: color 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s; opacity: 0; transform: translateX(0px) translateY(100%) translateZ(6000px); display: none;"> 

Ich bin auch ein wenig jquery mit den Fenstern ziehbar (es ist eine sehr ähnliche Situation wie eine machen Windows (oder MacOS) Desktop. Abkürzungen und Fenster

$(function() { 
    $(".window").draggable({ handle: ".window-handle" }); 
}); 

Ist es möglich, jedes Geschwisterfenster Last zu machen, wie ich auf den Button klicken daneben mit einem einzigen „Linie“ des Codes oder muss ich auf? für jede Klasse/Element eine hinzufügen? Was ist diese Codezeile? (Es tut mir leid, wenn diese Sou nds dumm ..)

Ist es möglich, das div auch auf einen zweiten Klick zu entladen und dann erneut zu laden, wenn auf die Schaltfläche geklickt wird (ein drittes Mal)?

Ich versuche auch, jedes Fenster an den oberen Bildschirmrand zu springen (nach oben auf Z?), Während ich auf jedes Fenster klicke, aber das funktioniert nicht, irgendwelche Vorschläge?

Vielen Dank ...

+0

Sie meinen, Sie möchten einen iframe in ein div laden, wenn auf eine Schaltfläche geklickt wird? Ich sehe keine Schaltfläche in Ihrem Code. –

+0

Die erste Zeile spricht über 'iframe' und die html hat' div' - was ist das? – Jamiec

+0

hey, sorry dafür, was ich wirklich brauchen würde ist ein ganzes div (und seinen Inhalt und Iframe) nur auf einen Klick zu laden; In diesem Fall ist der "app link" der Button und "w apps" ist das Fenster. –

Antwort

0

Ich denke, was Sie brauchen, AJAX ist. Ein Knopfklick sendet eine Anfrage an den Server und schreibt die Antwort HTML in das Fenster. Die W3Schools tutorial ist ziemlich einfach.