html - How to add content into a dynamically created div in JavaScript? -

-

i have code shows 'top of page' link when scroll down:

window.addevent('load', function() {                 new jcaption('img.caption');             }); function fade_me(num){     var smoothtop=document.id('smoothtop');     if(smoothtop){smoothtop.fade(window.getscrolltop()<250?0:num);} } window.addevent('domready',function(){     var scroll=new fx.scroll(window,{         'duration': 500,         'transition':   fx.transitions.bounce.easeinout,         'wait':     false     });     var smoothtop=new element('div',{         'id':       'smoothtop',         'class':    'smoothtop',         'style':    'position:fixed; display:block; visibility:visible; zoom:1; opacity:0; cursor:pointer; right:5px; bottom:5px;',         'title':    '',         'html':     '',         'events':{             mouseover: function(){fade_me(1);},             mouseout: function(){fade_me(0.7);},             click: function(){scroll.totop();}         }     }).inject(document.body);       document.id('smoothtop').setstyle('opacity','0'); }); window.addevent('scroll',function(){fade_me(0.7);});  //this added var ii = document.getelementbyid('smoothtop'); ii.childnodes[0].nodevalue = '<i class="icon icon-chevron-up"></i>'; //these 2 lines

as can see code generates div id smoothtop. has arrow-up picture indicate top of page. instead, want use bootstrap's glyphicon using

<i class="icon icon-chevron-up"></i>

i have tried add content div smoothtop. when inspect code firebug, says:

typeerror: ii null  var ii = document.getelementbyid('smoothtop');

i couldn't figure and/or doing wrong? want ask how can add <i></i> div has been created js?

given example, easiest way use html property when create element:

var smoothtop=new element('div',{     'id':       'smoothtop',     'class':    'smoothtop',     'style':    'position:fixed; display:block; visibility:visible; zoom:1; opacity:0; cursor:pointer; right:5px; bottom:5px;',     'title':    '',     'html':     '<i class="icon icon-chevron-up"></i>', // <-- right here     'events':{         mouseover: function(){fade_me(1);},         mouseout: function(){fade_me(0.7);},         click: function(){scroll.totop();}     } }).inject(document.body);

Comments

Post a Comment

Popular posts from this blog

design - Custom Styling Qt Quick Controls -

-
Image
i have custom design qt quick controls. example, change background colour of tool bar, since hate default design. how can that? in qt quick controls, there limited styling available via qt quick control styles items, buttonstyle , checkboxstyle , etc. at moment, other styles require delving qt sources , messing internal details. here complete example of how 1 might modify toolbar's style. main.qml import qtquick 2.1 import qtquick.layouts 1.0 import qtquick.controls 1.0 applicationwindow { toolbar: toolbar { id: toolbar component.oncompleted: toolbar.data[0].item.children = [newrectangle]; property item _newrectangle: rectangle { // rectangle within toolbarstyle's panel // gleaned from: // http://qt.gitorious.org/qt/qtquickcontrols/source/ // c304d741a27b5822a35d1fb83f8f5e65719907ce:src/styles/base/toolbarstyle.qml id: newrectangle anchors.fill: parent...
Read more

Unable to remove the www from url on https using .htaccess -

-
i want remove www site url. ie. https://www.domainname.com.au https://domainname.com.au . i have tried various .htacces code nothing work me. here present code remove www http not work https. rewriteengine on rewritebase / rewritecond %{http_host} ^www\.(.*)$ [nc] rewriterule ^/(.*)$ http://%1/$1 [r=301,l] rewritecond %{https} off rewriterule ^(.*)$ https://domainname.com.au/$1 [r=301,l] rewriterule ^code-of-conducts/(.*)/$ code-of-conducts.php?type=$1 rewriterule ^parents/post-a-job/(.*)/edit/$ parents/post-a-job.php?action=edit&id=$1 rewriterule ^parents/post-a-job/(.*)/$ parents/post-a-job.php?job_type=$1 rewriterule ^parents/open-jobs/(.*)/delete/$ parents/open-jobs.php?action=delete&id=$1 rewriterule ^parent-profile/(.*)/$ parent-profile.php?id=$1 rewriterule ^parents/job-details/(.*)$ parents/job-details.php?applied_id=$1 rewriterule ^sitterprofile/(.*)/$ sitterprofile.php?id=$1 rewriterule ^sitter/job-board/state/(.*)/page/(.*)/$ sitter/job-board.ph...
Read more