ändern Stile Eigenschaften auf iframe klicken

-2

Ich habe diese iframe:ändern Stile Eigenschaften auf iframe klicken

<iframe src="http://www.example.org" frameborder="0" style="top: -100; left: -250; width: 400; height: 590; border: 0; border:none;" scrolling="no" sandbox="allow-controls"></iframe>

Ich will es ändert sich automatisch zu:

<iframe src="http://www.example.org" frameborder="0" style="top: -200; left: -650; width: 950; height: 800; border: 0; border:none;" scrolling="no" sandbox="allow-controls"></iframe>

wenn sie angeklickt. Genau und im Grunde möchte ich top, left, width und height Eigenschaften ändern.

Ist es möglich? Wenn das so ist, wie?

Quelle

2017-05-27 DingDangBang

ja, es ist möglich, mit Javascript und klicken Sie auf Ereignisse – niceman

@niceman Sie scheinen ein netter Mann zu sein. Könntest du es beweisen, indem du mir zeigst wie? – DingDangBang

Sie registrieren nur Click-Ereignis wie hier: https://StackOverflow.com/Questions/15080222/add-click-Event-ToIframe, sollte das Click-Ereignis CSS entweder mit jQuery '.Css' ändern (jquery ist eine Bibliothek für javascript) oder verwenden Sie das '.style' Attribut wie hier: https://www.w3schools.com/js/js_htmldom_css.asp – niceman

Gerade Google "Wie Stile in Jquery ändern"

Tipp: es nutzt .click() und .css()

http://api.jquery.com/css/

https://api.jquery.com/click/

jquery change style of a div on click

Quelle

2017-05-27 22:08:32

Dies ist eine ziemlich unvollständige Frage. Stellen Sie mindestens ein Beispiel-Snippet oder Arbeitscodebeispiel bereit. Verlinken Sie nicht nur offline, da diese Links irgendwann kaputt gehen können und die Antwort nicht mehr nützlich ist. – Soviut

@Soviut Sie haben einen Punkt, aber es ist wirklich keine gute Frage. Ich sehe es nicht populär. –

Click-Ereignisse werden nicht unterstützt durch iframes. Sie müssen etwas "Magie" verwenden, um es zu erreichen. Im Grunde müssen Sie einen Container umbrechen, der Ereignisse verarbeiten kann, damit es funktioniert. Es gibt tatsächlich ein jQuery-Plugin, das Ihnen helfen könnte. Es befindet sich hier:

https://github.com/vincepare/iframeTracker-jquery

Hier ist ein Code-Snippet ist mit diesem Plugin nur auf die Breite des iframe zu ändern .... hoffe, es hilft.

<div class="iframetrack" id="iframe_red_1"> 
    <iframe id="theFrame" src="http://www.example.org" style="border: 0; 
     border:none; top: 100px; left: 100px; width: 500px; height: 250px;" 
     frameborder="0" scrolling="no" sandbox="allow-controls" > 
    </iframe> 
</div> 

@section Scripts 
{ 
<script> 

    $(document).ready(function ($) { 

     $('.iframetrack iframe').iframeTracker({ 

      blurCallback: function() { 
       $('#theFrame').css('width', '200px'); 
      }, 
      overCallback: function (element) { 
       this._overId = $(element).parents('.iframe_wrap').attr('id'); // Saving the iframe wrapper id 
      }, 
      outCallback: function (element) { 
       this._overId = null; // Reset hover iframe wrapper id 
      }, 
      _overId: null 
     }); 

    });

}

Quelle

2017-05-27 22:54:22 user1011627

ändern Stile Eigenschaften auf iframe klicken

Antwort

Verwandte Themen