html: Change the HTML (or text) inside an element

In YTLogos/shinyjs: Easily Improve the User Experience of Your Shiny Apps in Seconds

Description

Change the text or HTML inside an element. The given HTML can be any R expression, and it can either be appended to the currentcontents of the element or overwrite it (default).

Usage

html(id, html, add, selector)

Arguments

id	The id of the element/Shiny tag
html	The HTML/text to place inside the element. Can be either simple plain text or valid HTML code.
add	If TRUE, then append html to the contents of the element; otherwise overwrite it. (default: FALSE)
selector	JQuery selector of the elements to target. Ignored if the id argument is given.

Note

shinyjs must be initialized with a call to useShinyjs() in the app's ui.

See Also

useShinyjs, runExample

Examples

if (interactive()) {
  library(shiny)

  shinyApp(
    ui = fluidPage(
      useShinyjs(),  # Set up shinyjs
      actionButton("btn", "Click me"),
      p(id = "element", "Watch what happens to me")
    ),
    server = function(input, output) {
      observeEvent(input$btn, {
        # Change the following line for more examples
        html("element", paste0("The date is ", date()))
      })
    }
  )
}
## Not run: 
  # The shinyjs function call in the above app can be replaced by
  # any of the following examples to produce similar Shiny apps
  html("element", "Hello!")
  html("element", " Hello!", TRUE)
  html("element", "<strong>bold</strong> that was achieved with HTML")
  local({val <- "some text"; html("element", val)})
  html(id = "element", add = TRUE, html = input$btn)

## End(Not run)

YTLogos/shinyjs documentation built on May 21, 2019, 1:41 a.m.