Skocz do zawartości

let_Maya

Członkowie
 Wyświetl profil  Zobacz jego aktywność

  • Postów

    2

  • Dołączył

  • Ostatnio

 Typ zawartości 

Posty napisane przez let_Maya

  1. Replacing jQuery .outerHeight() with Javascript Pin

    w JavaScript

    Napisano · Edytowano przez let_Maya

    React
    I am working on replacing this jQuery code written in Typescript into Vanilla JavaScript for edit .pdf purposes. I have problem resizing the window. Replacing .outerHeight() with offsetHeight doesn't work
      
    windowResizeHandler: () => void = () => {
		let body = document.querySelector("body");
		let height = parseInt(window.getComputedStyle(body).height);
		//suppose there is a #header element which takes some area.

		let headHeight = $("#header").outerHeight();
		let rightHeight = height;
		if ($("#header").is(":visible")) {
			rightHeight = height - headHeight;
		}
		$("#right").height(rightHeight);
		WebPDF.updateLayer();

    HTML

      

    <page-container>
		<div id="docViewer" ref="docViewer" style="background: #dddedf;"></div>
	</page-container>

     

  2. I am trying to rewrite this jQuery code to Typescript.

    w JavaScript

    Napisano

    I am trying to rewrite this jQuery code to Typescript. 

    valueChanged(newValue) {
		let editSlider = $(this.editSlider).data("ionRangeSlider");
		if (editSlider && editSlider.old_from != newValue){
			editSlider.update({ from: newValue });
		}

		let readOnlySlider = $(this.readOnlySlider).data("ionRangeSlider");
		if (readOnlySlider && readOnlySlider.old_from != newValue) {
			readOnlySlider.update({ from: newValue });
		}
	}
    <div show.bind="editOnly || parentVM.editMode != 0" class="form-group">
		<label-for>
			<small>${label}</small>
		</label-for>
		<input ref="editSlider" value.two-way="value" type="text">
	</div>
	<div show.bind="!editOnly && parentVM.editMode == 0">
		<small>${label}</small>
		<input ref="readOnlySlider" value.two-way="value" type="text">
	</div>

     

×
×
  • Utwórz nowe...