Include a javascript file in Shiny app

by

What you need to do is:

  1. create www folder in the same folder as server.R and ui.R
  2. put javascript file into www folder.
  3. put tags$head(tags$script(src="https://stackoverflow.com/questions/23599268/hoge.js")) in UI.

The folder looks like:

├── server.R
├── ui.R
└── www
    └── hoge.js

The ui.R is something like

library(shiny)
shinyUI(pageWithSidebar(
  headerPanel("New Application"),
  sidebarPanel(
    sliderInput("obs", 
                "Number of observations:", 
                min = 1, 
                max = 1000, 
                value = 500)
  ),
  mainPanel(
    plotOutput("distPlot"),
    tags$head(tags$script(src="https://stackoverflow.com/questions/23599268/hoge.js"))
  )
))

and server.R

library(shiny)
shinyServer(function(input, output) {
  output$distPlot <- renderPlot({
    dist <- rnorm(input$obs)
    hist(dist)
  })
})

Note that these are templates generated by Rstudio.

Now head of html looks like:

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  ... snip ...
  <script src="https://stackoverflow.com/questions/23599268/shared/slider/js/jquery.slider.min.js"></script>
  <script src="https://stackoverflow.com/questions/23599268/hoge.js"></script>
</head>

More Related Contents:

  1. Draw a circle around nodes groups
  2. R Shiny DataTable selected row color
  3. Scraping javascript website in R
  4. R networkD3 package: node coloring in simpleNetwork()
  5. How can I remove a specific item from an array?
  6. How do I check if an element is hidden in jQuery?
  7. JavaScript inheritance and the constructor property
  8. jQuery object and DOM element
  9. Why split the tag when writing it with document.write()?
  10. How do you clone an array of objects in JavaScript?
  11. What is the “best” way to get and set a single cookie value using JavaScript
  12. React Native: require() with Dynamic String?
  13. JavaScript: Simple way to check if variable is equal to one of two or more values? [duplicate]
  14. How to keep an Javascript object/array ordered while also maintaining key lookups?
  15. Handling key-press events (F1-F12) using JavaScript and jQuery, cross-browser
  16. How does setInterval and setTimeout work?
  17. JavaScript listener, “keypress” doesn’t detect backspace?
  18. How do I persist a ES6 Map in localstorage (or elsewhere)?
  19. How do I disable the save password bubble in chrome using Javascript?
  20. fileReader.readAsBinaryString to upload files
  21. How to stop an animated gif from looping
  22. Fetch image from API
  23. Is there a ‘has focus’ in JavaScript (or jQuery)?
  24. How to detect when history.pushState and history.replaceState are used? [duplicate]
  25. How can I access Google Sheet spreadsheets only with Javascript?
  26. How does javascript async/await actually work?
  27. Animating Multiple Markers
  28. Skype for business URI instead of Skype
  29. Remove disabled attribute onClick of disabled form field
  30. Process a continuous stream of JSON

Leave a Comment