this.setState({ currentIndex: (this.state.currentIndex + 1) % React.Children.count(children), }, () => { setTimeout(() => { if (this.textRotatorWrap) { this.textRotatorWrap.classList.add('text-rotater--slide-up'); } }, repeatDelay); });
componentDidMount() { const { delay } = this.props; setTimeout(() => { this._calculateContentHeight(); }, 50); setTimeout(() => { if (this.textRotatorWrap) { this.textRotatorWrap.classList.add('text-rotater--slide-up'); } }, delay); window.addEventListener( 'resize', this._calculateContentHeight ); }
var searchElement = document.createElement( 'div' ); searchElement.id = "searchinputdiv"; searchElement.classList.add( 'searchdiv' ); searchElement.style.position = 'absolute'; searchElement.style.top = '10px';
document.body.classList.add( 'print-pdf' ); document.body.style.width = pageWidth + 'px'; document.body.style.height = pageHeight + 'px'; if( hslide.classList.contains( 'stack' ) ) { toArray( hslide.querySelectorAll( 'section' ) ).forEach( function( vslide, v ) { vslide.setAttribute( 'data-index-h', h ); if( slide.classList.contains( 'stack' ) === false ) { if( numberOfPages === 1 && config.center || slide.classList.contains( 'center' ) ) { top = Math.max( ( pageHeight - contentHeight ) / 2, 0 ); var notesSpacing = 8; var notesElement = document.createElement( 'div' ); notesElement.classList.add( 'speaker-notes' ); notesElement.classList.add( 'speaker-notes-pdf' ); notesElement.innerHTML = notes; notesElement.style.left = ( notesSpacing - left ) + 'px'; numberElement.classList.add( 'slide-number' ); numberElement.classList.add( 'slide-number-pdf' ); numberElement.innerHTML = formatSlideNumber( slideNumberH, '.', slideNumberV ); background.appendChild( numberElement ); fragment.classList.add( 'visible' ); } );
const innerListItemTemplate = txt => { let listText = document.createTextNode(txt); let listItem = document.createElement('div'); listItem.classList.add('list-item'); listItem.appendChild(listText); listItem.addEventListener('click', e => { for (let el of document.querySelectorAll('.list-inner .list-item')) el.classList.remove('active'); e.target.classList.add('active'); _callData(txt); }) return listItem; }
/** Force showing the tooltip to the right of the node. */ showRight() { this.tooltipElement.classList.add(getClass("right")); this.element.style.setProperty("left", toPx(this.node.getBoundingClientRect().left + this.node.offsetWidth + 10)); this.centerVertically(); }
renderContent() { this.imagePreviewContainer.classList.toggle('hide'); ReactDOM.unstable_renderSubtreeIntoContainer( this, <Modal src={this.state.src} title={this.state.title} modalClose={this.modalClose} />, this.imagePreviewContainer ); }
createViewElement() { const pane = document.createElement('div'); pane.setAttribute('id', "schedule"); pane.classList.add("scrollable"); pane.setAttribute("tabindex", "0"); return pane; }
function addShowMoreButton(contentElement){ const buttonArea = document.createElement('div'); buttonArea.classList.add('ShowMoreButtonArea'); const button = document.createElement('button'); button.textContent = "Show More"; buttonArea.appendChild(button); contentElement.appendChild(buttonArea); buttonArea.addEventListener('click', ()=>expandToFullHeight(contentElement, buttonArea)); }
function getResizeElement(resizeEvent) { const resizeElement = document.createElement('div'); resizeElement.classList.add('node-repl__resizer'); resizeElement.addEventListener('mousedown', resizeEvent); return resizeElement; }
/* eslint-env mocha, browser */ /* global proclaim, Symbol */ function getDOMTokenList () { var div = document.createElement('div'); div.className = 'class1 class2'; return div.classList; }
createViewElement() { const sourceContainer = document.createElement("div"); sourceContainer.classList.add("source-container"); return sourceContainer; }
createViewElement(): HTMLElement { const infoContainer = document.createElement("div"); infoContainer.classList.add("info-container"); return infoContainer; }
/** Force showing the tooltip to the right of the node. */ showRight() { this.tooltipElement.classList.add(getClass("right")); this.element.style.setProperty("left", toPx(this.node.getBoundingClientRect().left + this.node.offsetWidth + 10)); this.centerVertically(); }