place objects model viewer - javascript

I really need help with this: I´ve been trying to place more than only one object in AR using model-viewer, found the model-viewer paper in the web, edited the code but don´t know what´s wrong?
here´s the repository: https://github.com/meta-house/avatar0/tree/A/Pruebas_Interactivas_Sin_Tracker
and the blank page: https://a-pruebas-interactivas-sin-tracker.d3irh5fklxupnz.amplifyapp.com
I mean, I have a blank screen when try to enter with my phone or pc; I´ve tried to make the code so I can change between models, but is not working

Related

How to display a console similar to chrome snippets on an html page so it can run Javascript commands that don't include alerts

I am learning Javascript currently with some experience in HTML and CSS. So I made a small website with different pages you can go to to try out little bits of code I've written. All of those use alert commands and a pop up. The things I'm trying to display on the website now are things I've been using the Chrome snippets for because of the console. Is there anyway to integrate a console into my webpage so when you hit the run button, it will run a preloaded set of code.
Final product I'd like to just click the button on the page and it run a program and show me in the console. Then maybe put several of these on a page to showcase everything I've learned such as the fizzbuzz problem or anything. I hope that makes sense. Thank you.
As Bordeaux said, not sure they have something in place to do it.
But you can re-write console.log() if needed.
Here is a simple example:
<div id="fakeConsole"></div>
const console = {
log: function(str) {
document.getElementById('fakeConsole').innerHTML+=str+"<br>";
}
}
console.log('testMe')
console.log('testMe again')
https://jsfiddle.net/ajxebhsg/
There is no simple way to integrate the JS console onto a webpage.
You may try forking JS bin on GitHub (sort of like making a copy of the code so you can make your customizations), however that may be a bit complicated for the skillset you describe in your question.
How to fork a GitHub repo
If you want to simply showcase your work, you can use JSFiddle, Code Pen, Repl, or JS Bin.
Alternatively, if you just want to show your output, you can overwrite the element.innerHTML or element.textContent properties of a DOM element instead of using console.log.
innerHTML docs
textContent docs

I'm trying to embed an interactive image within Webflow but the line breaks in my content are not showing up

So I am working on an interactive image for a client website and I used this site to make the image interactive: https://imagemarker.com/discover.html
The image looks great, however the code that they give you is an absolute mess, and I'm having some issues embedding it..
I was able to pick out the html code and add it to the page code, and then I put the rest of the script code within the embed element. This works, but the only issue is that the line breaks in my interactive content are not showing up, its all coming it as one line, and I don't understand the problem since I'm very amateur when it comes to coding...
This is the code that I received through the website: https://gist.github.com/timeanator/5ad0f3da36496cbd4fc3dd364ab680e9
Here is what the interaction is supposed to look like: https://imgur.com/a/vMxssAH
This is what it currently looks like on webflow: https://imgur.com/a/KRWf1cV
I feel like it's an easy fix, but I am so dumb when it comes to coding, any help is hugely appreciated!!
Read only webflow link: https://preview.webflow.com/preview/timeas-awesome-project?utm_medium=preview_link&utm_source=designer&utm_content=timeas-awesome-project&preview=4021eaac3f6f76bb92ac1840cbfa741b&mode=preview
The code that you have shared on gist has the same problem as you have described happening on your webflow website. I think the problem is with the text output from imagemarker. Replacing the \n with <br /> in the text section will fix the problem.
Codesandbox link (I have modified line 105 as a sample)
Codesandbox also formatted the code to show exactly where text is.

I am trying to create a table from a jsfiddle example but its not working ANGULAR.JS

I am trying to create a table that I found here
but I have to integrate it to my solutions and code and when I do that, I get these wonky chracters but no error.
my code is here
please see the image below.
I am trying to have this
its working fine http://jsfiddle.net/ipsjolly/6zydf/ you can change the data in you want to enter in js section

Adding Uploading/Scanning screen to website

i am currently trying to add a uploading/scanning screen to my file upload site, (just to be clear i need the 'design' part of it, like actually displaying the box not anything to do with the scanners, or implementing the scanners, just a box that says scanning with a scanning gif next to it). Pretty much my site allows people to upload files which scans them and then displays the result. All the scanners are up and working but i am trying to add this scanning page. I want it to look a bit like this when you upload a file - www.virustotal.com
How would I be able to do this? You don't have to be very specific just like what programming languages, or any examples of code, to help me, i don't really know where to start.
Sounds like you are looking for a modal overlay or dialog.
There are tons of libraries out there that can do this, including YUI and JQuery UI/Plugins.
See my question.

Does anyone have a link to a plugin or tutorial that can make me a jquery/ajax image slider/carousel like this?

I really like how cnn.com implements this. I can REALLY use it on the website I am making. What makes it so cool is the page numbering, and the first, previous, next and last buttons. Notice how you get an image preview when you hover over a number...nice!
Anyone with a link to a website that shows how to implement this? I will be calling images and other information from a database.
Link to the cnn page:
http://edition.cnn.com/2011/WORLD/africa/02/10/egypt.protests/index.html?hpt=T1
Thanks in advance.
You can try these pages. They have LOTS of different ones to choose from.
http://vandelaydesign.com/blog/web-development/jquery-image-galleries/
http://www.tripwiremagazine.com/2010/10/20-stunning-jquery-image-sliders-and-tutorials-for-creating-your-own.html

Categories

Resources