Doni/ModelHandle
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove jquery usage from the embedding code.

Browse Source
This commit is contained in:
kovacsv 2021-11-26 20:45:38 +01:00
parent b4b899dd28
commit 694aa9d839
3 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
source/viewer/domutils.js
View File

@ -19,3 +19,10 @@ OV.GetInnerDimensions = function (element, outerWidth, outerHeight)
height : height
};
};
OV.AddDomElement = function (parentElement, elementType)
{
const element = document.createElement (elementType);
parentElement.appendChild (element);
return element;
};

7
website/embed.html
View File

@ -132,10 +132,10 @@
<!-- externals end -->
<script type="text/javascript">
$(window).on ('load', function () {
window.addEventListener ('load', function () {
let embed = new OV.Embed ({
viewerDiv : $('#embed_viewer'),
websiteLinkDiv : $('#website_link')
viewerDiv : document.getElementById ('embed_viewer'),
websiteLinkDiv : document.getElementById ('website_link')
});
embed.Load ();
});
@ -145,7 +145,6 @@
<body>
<div class="embed_viewer" id="embed_viewer">
<a id="website_link" href="https://3dviewer.net" target="_blank" title="Open in 3dviewer.net">
<!-- <img class="embed_logo" src="assets/images/3dviewer_net_logo.svg"> -->
<svg class="embed_logo"><use href="assets/images/3dviewer_net_logo.svg#logo"></use></svg>
</a>
</div>

14
website/o3dv/js/embed.js
View File

@ -10,7 +10,7 @@ OV.Embed = class
Load ()
{
let canvas = $('<canvas>').appendTo (this.parameters.viewerDiv);
let canvas = OV.AddDomElement (this.parameters.viewerDiv, 'canvas');
this.InitViewer (canvas);
this.InitModelLoader ();
this.Resize ();
@ -31,19 +31,19 @@ OV.Embed = class
}
this.modelLoader.LoadFromUrlList (urls, settings);
let hashParameters = OV.CreateModelUrlParameters (urls);
let websiteUrl = this.parameters.websiteLinkDiv.attr ('href') + '#' + hashParameters;
this.parameters.websiteLinkDiv.attr ('href', websiteUrl);
let websiteUrl = this.parameters.websiteLinkDiv.getAttribute ('href') + '#' + hashParameters;
this.parameters.websiteLinkDiv.setAttribute ('href', websiteUrl);
}
$(window).on ('resize', () => {
window.addEventListener ('resize', () => {
this.Resize ();
});
}
Resize ()
{
let windowWidth = $(window).outerWidth ();
let windowHeight = $(window).outerHeight ();
let windowWidth = window.innerWidth;
let windowHeight = window.innerHeight;
this.viewer.Resize (windowWidth, windowHeight);
}
@ -65,7 +65,7 @@ OV.Embed = class
InitViewer (canvas)
{
this.viewer.Init (canvas.get (0));
this.viewer.Init (canvas);
this.viewer.SetEnvironmentMap ([
'assets/envmaps/grayclouds/posx.jpg',
'assets/envmaps/grayclouds/negx.jpg',