sample_textlabel.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <link rel="stylesheet" href="../../../themes/themeroller/default-theme/ui.all.css" type="text/css" media="screen" />
  5. <link rel="stylesheet" href="../../../themes/nokia/ext-theme/default/360x640/custom.css" type="text/css" media="screen" />
  6. <script src="../../../lib/jquery/jquery.js" type="text/javascript" charset="utf-8"></script>
  7. <script src="../../../src/defaults.js" type="text/javascript" charset="utf-8"></script>
  8. <script src="../../../src/core.js" type="text/javascript" charset="utf-8"></script>
  9. <style type="text/css" media="screen">
  10. body {
  11. font-size: 14px;
  12. padding: 15px;
  13. font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
  14. }
  15. p {
  16. margin: 30px 10px;
  17. }
  18. </style>
  19. </head>
  20. <body>
  21. <br/><br/>
  22. <div id="textlabel"></div>
  23. <div id="content">
  24. Lorem <strong>ipsum dolor</strong> sit amet, <em style="color: red;">consectetur</em> adipisicing elit, sed do <em><strong>eiusmod tempor</strong></em> incididunt ut labore et dolore magna aliqua.
  25. Lorem <strong>ipsum dolor</strong> sit amet, <em style="color: red;">consectetur</em> adipisicing elit, sed do <em><strong>eiusmod tempor</strong></em> incididunt ut labore et dolore magna aliqua.
  26. </div>
  27. <script type="text/javascript" charset="utf-8">
  28. var init = function() {
  29. window.textlabel = new Nokia.TextLabel({
  30. element: '#textlabel',
  31. content: '#content',
  32. create: function() {
  33. console.log("create");
  34. },
  35. style: {
  36. width: 300,
  37. height: 250,
  38. fontSize: '15px',
  39. padding: '10px',
  40. lineHeight: '35px'
  41. //,overflow: 'visible',
  42. //border: 'none',
  43. //background: 'none'
  44. }
  45. });
  46. /*
  47. * Hide splash when its all done.
  48. */
  49. Nokia.hideSplash();
  50. };
  51. /*
  52. * Show splash while loading components.
  53. */
  54. Nokia.showSplash('<span>loading</span>');
  55. Nokia.use('textlabel', init);
  56. </script>
  57. </body>
  58. </html>