Welcome to TalkGraphics.com
Page 1 of 2 12 LastLast
Results 1 to 10 of 26

Hybrid View

  1. #1
    Join Date
    Nov 2018
    Posts
    6

    Question Incorporating .HTML , .CSS, and .JS into widget to create working calculator

    Hello,

    I am trying to create a calculator on my website. I purchased the .html, .css, and .js files for the calculator that I want to put on my website, but now I am utterly confused as to how to incorporate more than simply the .html file onto my website to create a fully functioning calculator.

    I can give you a link to my website so you can get a better idea of what I am trying to achieve if that helps. Anyone willing to guide me through this process, and/or refer me to a good tutorial to figure out how to make my calculator function? I am so confused right now and would appreciate any help that you can offer. THANK YOU IN ADVANCE!

  2. #2
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,487

    Default Re: Incorporating .HTML , .CSS, and .JS into widget to create working calculator

    Welcome to TalkGraphics - Check back because one of the members will certainly have an answer or suggestion.

  3. #3
    Join Date
    Nov 2018
    Posts
    6

    Default Re: Incorporating .HTML , .CSS, and .JS into widget to create working calculator

    Quote Originally Posted by gwpriester View Post
    Welcome to TalkGraphics - Check back because one of the members will certainly have an answer or suggestion.
    Thank you- I appreciate it!

  4. #4
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,487

    Default Re: Incorporating .HTML , .CSS, and .JS into widget to create working calculator

    Acorn or Egg will know better, but I think you need to copy sections of the HTML and paste them into a placeholder (see Help > Placeholder Objects) and then place the CSS and JS files into the main folder index_html_files folder. Acorn? Egg?

  5. #5
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,746

    Default Re: Incorporating .HTML , .CSS, and .JS into widget to create working calculator

    Sorry that you paid for a calculator in the first place.

    The .html file will probably end up as a DIV tag with an ID that is added as Body code to a shape (rectangle) Placeholder.
    The .css and .js would go into the Page Head code. These would require wrapping tags of <style>...</style> for the CSS and <script>...</script> for the JavaScript.

    Look at Egg's example in this: https://www.talkgraphics.com/showthr...55-calculator; it's not what it done but where things go.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  6. #6
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,895

    Default Re: Incorporating .HTML , .CSS, and .JS into widget to create working calculator

    Glad you found that Acorn, I'd forgotten all about that
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  7. #7
    Join Date
    Nov 2018
    Posts
    6

    Default Re: Incorporating .HTML , .CSS, and .JS into widget to create working calculator

    Quote Originally Posted by Acorn View Post
    Sorry that you paid for a calculator in the first place.

    The .html file will probably end up as a DIV tag with an ID that is added as Body code to a shape (rectangle) Placeholder.
    The .css and .js would go into the Page Head code. These would require wrapping tags of <style>...</style> for the CSS and <script>...</script> for the JavaScript.

    Look at Egg's example in this: https://www.talkgraphics.com/showthr...55-calculator; it's not what it done but where things go.

    Acorn
    Thank you, Acorn! That example actually helps me a lot. Forgive my ignorance, but I have one last problem: I am unable to open the JavaScript file to read (& then copy and paste) the coding inside it. Are there any free programs that I can download to read .js files that you would recommend?

    You're the best- I really appreciate your help (:

  8. #8
    Join Date
    Nov 2008
    Location
    Florida, USA
    Posts
    503

    Default Re: Incorporating .HTML , .CSS, and .JS into widget to create working calculator

    I don't know if this will be of any help... but I too needed link to a calculator from a site... but just a simple calc...

    I gave up on widgets and coded stuff. Why? Because I'm totally retarded when it comes to such things... so...

    I just did my simple calculator in Excel which allows you to embed it into a site.... took the embed code it provided, put it in a 'placeholder',
    played around with sizes and such... and bam!... there it is!

    Got the job done... Now I'm sure If you're any good at Excel, you can create a pretty sophisticated calculator.

    HERE IT IS...

  9. #9
    Join Date
    Jun 2012
    Location
    CZECH
    Posts
    147

    Default Re: Incorporating .HTML , .CSS, and .JS into widget to create working calculator

    cmpan1 - great idea
    The table must be editable online.
    Last edited by Spamiky; 02 December 2018 at 11:50 AM.
    ____________________________
    __I am sorry for my bad English__

    P&G 10, 11, 15; XWD Premium 11,15; XDPX 15.1; XDPX 18.5; XDPX 19; XBuilder;

  10. #10
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,746

    Default Re: Incorporating .HTML , .CSS, and .JS into widget to create working calculator

    Quote Originally Posted by cmpan1 View Post
    I don't know if this will be of any help... but I too needed link to a calculator from a site... but just a simple calc...

    I gave up on widgets and coded stuff. Why? Because I'm totally retarded when it comes to such things... so...

    I just did my simple calculator in Excel which allows you to embed it into a site.... took the embed code it provided, put it in a 'placeholder',
    played around with sizes and such... and bam!... there it is!

    Got the job done... Now I'm sure If you're any good at Excel, you can create a pretty sophisticated calculator.

    HERE IT IS...
    It has its place but fails on handling button triggers and radio buttons. In your example, you do need to block entries into the formula fields.

    It does require a properly licensed copy of Excel. The Excel code is horrendous. You need to keep a master Excel version available for changes.

    Google Sheets or Google Forms might be a better start point.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

 

 

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •