Button - text via option

www.wimpyplayer.com

API-quick-reference.html

api-addListener.html

api-appendPlaylist-1.html

api-appendPlaylist-2.html

api-appendPlaylist-3.html

api-downloadHandler.html

api-enableControls-and-disableControls.html

api-getPlaying.html

api-getPlaylist.html

api-getStatus.html

api-linkHandler-alt.html

api-linkHandler.html

api-onReady-1.html

api-onReady-2-option.html

api-onReady-3-args.html

api-onReady-4-global-wimpy.html

api-removePlaylistItems.html

api-setAnimate.html

api-setPlaylist.html

api-setSkin-1.html

api-setSkin-2.html

button-api-pause-rewind.html

button-api-play-pause-stop.html

button-api-setMedia.html

button-api-setSize.html

button-api-setVolume.html

button-css-image.html

button-elements.html

button-limit.html

button-loop.html

button-multi-styles.html

button-onClick.html

button-text-via-css.html

button-text-via-option.html

button-width-height.html

coverart-logic.html

encrypted-filenames.html

fullscreen-button.html

fullscreen-web-app.html

iframe-test.html

media-flac.html

media-playlist-embedded-json.html

media-playlist-simple.html

media-podcast-opml.html

media-podcast.html

media-single-file-WAV.html

media-single-file.html

multiple-players-4.html

multiple-players-ALL.html

new-wimpyplayer-direct-to-body.html

new-wimpyplayer-target.html

option-autoAdvance-disabled.html

option-autoPlay.html

option-coverArt.html

option-disableControls.html

option-disableFlash.html

option-downloadEnable-via-option.html

option-downloadEnable-via-playlist.html

option-getid3.html

option-glyphs.html

option-infoFormat.html

option-infoScroll.html

option-infoSpeed.html

option-inline.html

option-limitPlaytime.html

option-linkEnable-via-option.html

option-linkEnable-via-playlist.html

option-loop-off.html

option-loop-one-fullscreen.html

option-loop-one.html

option-loop-playlist.html

option-numberTracks.html

option-playlist-tooltip.html

option-plugFirst.html

option-plugPlaylist.html

option-random.html

option-responsive-1.html

option-responsive-2.html

option-responsive-size-1.html

option-responsive-size-2.html

option-responsive-size-fullscreen.html

option-sort-easy-view.html

option-sort.html

option-startOnTrack.html

option-startUpText.html

option-timeFormat.html

option-volume.html

option-width-height-css.html

option-width-height.html

player-centering.html

player-position-fixed.html

playlist-in-playlist.html

playlist-javascript.html

playlist-json-p.html

playlist-json.html

playlist-txt.html

playlist-xml.html

tricks-embedded-skin.html

tricks-extra-data.html

tricks-playlist-interaction.html

tricks-rating.html

tricks-search-2.html

tricks-search.html

width-height-change-directly.html

width-height-with-responsive.html

wimpy.php-api.html

wimpyCssPlayer1.html

wimpyCssPlayer2.html

wimpyCssPlayer3.html

Click any of the standard HTML elements below

DIV play

P play

SPAN play

The following is inline bold (strong) STRONG play

play song 1 play song 2 play song 3

play song 4 play song 5 play song 6

<!-- Stop and Pause -->
<input onclick="wimpyButton.stop()" style="width:200px;height:40px;" type="button" value="STOP Wimpy Button"> &nbsp; <input onclick="wimpyButton.pause()" style="width:200px;height:40px;" type="button" value="PAUSE Wimpy Button">
 
 
<h2> Click any of the standard HTML elements below</h2>
 
<!-- DIV -->
<div data-wimpybutton="../song1.mp3" style="background-color:#CCCCCC;">DIV play</div>
 
 
 
<!-- P -->
<p data-wimpybutton="../song2.mp3" style="background-color:#a4cbff;">P play</p>
 
 
 
<!-- INPUT -->
<input data-wimpybutton="../song3.mp3" type="button" value="INPUT play">
 
 
 
<!-- SPAN -->
<span data-wimpybutton="../song1.mp3" style="background-color:#ff9fe5;">SPAN play</span>
 
 
 
<!-- STRONG -->
<p>The following is inline bold (strong) 
<strong data-wimpybutton="../song2.mp3" style="background-color:#a4cbff;">STRONG play</strong>
</p>
 
 
 
<!-- IMAGE -->
<img data-wimpybutton="../song3.mp3" src="play.png">
 
 
 
<!-- LIST -->
<select name="select1" size="3" id="select1">
  <option data-wimpybutton="../song1.mp3" value="song 1">play song 7</option>
  <option data-wimpybutton="../song2.mp3" value="song 2">play song 8</option>
  <option data-wimpybutton="../song3.mp3" value="song 3">play song 9</option>
</select>
 
 
 
<!-- DROP-DOWN LIST -->
<select name="select2" size="1" id="select2">
  <option data-wimpybutton="../song1.mp3" value="song 1">play song 10</option>
  <option data-wimpybutton="../song2.mp3" value="song 2">play song 11</option>
  <option data-wimpybutton="../song3.mp3" value="song 3">play song 12</option>
</select>
 
 
 
 
<!-- Radio Buttons -->
<p>
  <input data-wimpybutton="../song1.mp3" type="radio" name="radioPlayer" id="radio1" value="song1">play song 1
  <input data-wimpybutton="../song2.mp3" type="radio" name="radioPlayer" id="radio2" value="song2">play song 2
  <input data-wimpybutton="../song3.mp3" type="radio" name="radioPlayer" id="radio3" value="song3">play song 3
</p>
 
 
 
<!-- Checkboxes -->
<p>
<input data-wimpybutton="../song1.mp3" name="cb1" type="checkbox" id="cb1" value="song1">
play song 4 
<input data-wimpybutton="../song2.mp3" name="cb2" type="checkbox" id="cb2" value="song2">
play song 5 
<input data-wimpybutton="../song3.mp3" name="cb3" type="checkbox" id="cb3" value="song3">
play song 6
</p>

giItT1WQy@!-/#