I download an extension from freefrontedit and upload it on my server to directory /accordeon.
When I point the browser to http://mysite/accordeon/index.html it works well.
But how could I load the index.html into article content?
I am using joomla template.
I try with <iframe src="http://mysite/accordeon/index.html" width="100%" height="100%"></iframe> but then the height is not same.
Is there other way to load accordeon/index.html into an article?
I wonder how this custom extensions can be used in cms like joomla and wordpress without iframe your own content because iframe height is never the same as the source. Pasting index.html code in article content works only when they dont have index.HAML file because neither article neither custom html module could understand HAML code and just display it as plain text
Related
At the moment, I am working on a website that works with Wordpress and Elementor (latest versions). I'm trying to implement an iframe using an html widget in the Elementor editor. The iframe works via an external website link (of a client) and I would like the iframe to automatically adjust in height to the content of the iframe. However, I am currently not getting this to work with the code below. In the Elementor editor itself it looks good, but on the website itself it is barely visible (due to the limited height) and it does not work. I have tried the following codes as well: height="auto", height="100%", but they didn't work either.
Does anyone know how I can fix this, please? I did try some solutions on other topics, but these didn't work either (and I'm not that good at coding). That's why I created a new topic.
The code used:
<script type="text/javascript"
src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.2.11/iframeResizer.min.js"></script><script
type="text/javascript">iFrameResize({ inPageLinks: true },
'#externallinkname')</script><iframe id="externallinkname"
src="https:// externallink.com/"
width="100%" scrolling="no"></iframe>
- Note: The names of the following codes are changed, due clients privacy: #externallinkname, id="externallinkname", src="https:// externallink.com/"
Please I need to be guided on how to remove the pdf toolbar from a pdf document I dynamically display on a page on my website to discourage printing and downloading of the document from the website.
This is the toolbar
On web.php route page, I have the following route
Route::get('showresource/{id}','ResourceController#show');
Which returns the file and is then displayed in the following blade page
<object data="{{url('showresource/'.$current_lesson->resource_file)}}" type="{{$mime_type}}" height="600px" width="100%" id="resource-pdf" style=""></object>
I have added the following javascript to the page to no avail.
$(document).ready(function () {
$('#resource-pdf').contents().find('#toolbar').css('display','none');
});
This does not seem to be working.
I have also tried to use pdfjs but I don't know how to apply it to a laravel 5 project. I look forward to any support to solve this.
Thank you
In my case (chrome-based web browser) this bar is a <viewer-pdf-toolbar> HTML tag. If you add to your css file or between <style> tag this code
viewer-pdf-toolbar {
display: none !important;
}
The bar will disappear. Don't do this by inline method because this tag is often overwritten by web browser. My way is tested and works perfect.
I am developing a firefox addon,
in my settings page dialog.xul i have an iframe where i load different settings pages page1.xul page2.xul page3.xul
Iframe :
<vbox flex="1">
<iframe
id="iframe"
src="chrome://xxx/content/page1.xul"
flex="1"></iframe>
</vbox>
Within the iframe i need to navigate from page2.xul to page3.xul
with the code in page2.xul
My code (page2.xul) :
gBrowser.loadURI("chrome://xxx/content/page3.xul");
Also tried
document.getElementById("iframe").setAttribute("src", "chrome://xxx/content/page3.xul");
but it's not working i know iframe container is not accessible from the iframe but how can i do that redirection ?
With iframe in XUL you must create it with the HTML namespace otherwise things like load events don't work right, see this topic: http://forums.mozillazine.org/viewtopic.php?f=19&t=2809781&hilit=+iframe
Once you do that, changing src etc should work as expected.
Solution :
I managed to handle the code in the main XUL
Apparently XUL does not support the structure
[XUL1 >> iframe(XUL2 : change something in XUL1)]
This structure is not supported in classic HTML + Javascript for security reason
and it's also the case in XUL
I have been trying to access a html source file through iframe. It works fine and I can see the source, but my external JavaScript file doesn't work through the iframe.
So far this is what I have for accessing the HTML file.
<iframe src="Example.html">
<p>Your browser does not support iframes.</p>
</iframe>
and then in Example.html I have:
<script src="SpinScript.js"></script>
This works if I run the HTML file in any browser, but not through the iframe
In this HTML file I have other JavaScript elements but they are just written in this document and they work fine through the iframe.
What I'm wondering is if have to re-establish where the JavaScript file is in the iframe?
Hope that all makes sense and thanks for your time.
Your parent window and iframe should be from the same source (url),
then you can use
window.frames[framename] to get window object in iframe
I'm wondering if galleria.js, http://galleria.aino.se, can load HTML pages or just images (.png, .jpg, .gif)?
I tried just plugging in an .html file but it didn't work, was wondering if loading html files into the viewer might be an option i'm not seeing,
The short answer: no. Galleria is mainly an image veiwer. But you can load HTML content and place it above the image, as seen here: http://aino.github.com/galleria/demos/layer/one.html