how to remove all elements from a table row except first th

See also questions close to this topic

• How to get parts of a URL string using Javascript?

  I have this URL:

  var url = "mysite.com/categorias/#tab-cultura/folclore/";
  

  now I want to get 2 string from that URL:

  #tab-cultura and folclore

  how can I get it using Javascript?

  url.split('#')[0];
  

  It seems this split is not the right solution:(
• prependTo() inside load() completion callback not trigger when using setTimeout

  Why prependTo() inside load() completion callback not trigger when using setTimeout()? It just only repeat load() result.php but not execute $('#loadmore').prependTo('#boxchat');. Basically, i used this following code:

  function requestmessage() {
      $('#boxchat').load('result.php', function(){
          $('#loadmore').prependTo('#boxchat'); 
      });
      setTimeout(requestmessage, 1000);
  };
  requestmessage();
  

  I want to make real time result.php update by using setTimeout() and prependTo() div(#loadmore) inside div(#boxchat) at the same time. Anyone does have solution?
• ios 11/12 webrtc video "invalid constraint"

  according to 1 I tried several hours to get access the camera on Safari with WebRTC, record a video and save it to the server. But I failed with iOS and Safari. I always got the error "getUserMedia “invalid constraint”" However the script runs perfectly on Windows (Chrome, Firefos, Opera) and Android.

  • For example I tried to hardcode the camera-resolution -> error still appears
  • I tried to find the correct camera resolution with 2 -> video and audio appears but every single resolution test failed.

  This is my script:

  <script src="https://cdn.webrtc-experiment.com/RecordRTC.js"></script>
  <script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>
  
  const videoElement = document.querySelector('video');
  const audioInputSelect = document.querySelector('select#audioSource');
  const audioOutputSelect = document.querySelector('select#audioOutput');
  const videoSelect = document.querySelector('select#videoSource');
  const selectors = [audioInputSelect, audioOutputSelect, videoSelect];
  
  audioOutputSelect.disabled = !('sinkId' in HTMLMediaElement.prototype);
  
  function gotDevices(deviceInfos) {
      // Handles being called several times to update labels. Preserve values.
      const values = selectors.map(select => select.value);
      selectors.forEach(select => {
          while (select.firstChild) {
              select.removeChild(select.firstChild);
          }
      });
      for (let i = 0; i < deviceInfos.length; ++i) {
          const deviceInfo = deviceInfos[i];
          const option = document.createElement('option');
          option.value = deviceInfo.deviceId;
              if (deviceInfo.kind === 'audioinput') {
              option.text = deviceInfo.label || `microphone     ${audioInputSelect.length + 1}`;
              audioInputSelect.appendChild(option);
          } else if (deviceInfo.kind === 'audiooutput') {
              option.text = deviceInfo.label || `speaker     ${audioOutputSelect.length + 1}`;
              audioOutputSelect.appendChild(option);
          } else if (deviceInfo.kind === 'videoinput') {
              option.text = deviceInfo.label || `camera ${videoSelect.length + 1}`;
              videoSelect.appendChild(option);
          } else {
              console.log('Some other kind of source/device: ', deviceInfo);
          }
      }
      selectors.forEach((select, selectorIndex) => {
          if (Array.prototype.slice.call(select.childNodes).some(n => n.value === values[selectorIndex])) {
              select.value = values[selectorIndex];
          }
      });
  }
  
  // Store a reference of the preview video element and a global reference to the recorder instance
  var video = document.getElementById('my-preview');
  //          var videoHeight = 1280;
  //          var videoWidth = 720;
  //          var videoBPS = 1024000;
  
  
  var recorder;
  navigator.mediaDevices.enumerateDevices().then(gotDevices).catch(handleError);
  
  
  navigator.mediaDevices.getUserMedia({
      audio: {deviceId: audioSource ? {exact: audioSource} : undefined},
      video: {deviceId: videoSource ? {exact: videoSource} : undefined,
              width: {max: videoWidth},    
              height: {max: videoHeight}   
             },
  }).then(
      function(stream) {
          // Display a live preview on the video element of the page
          setSrcObject(stream, video);
          navigator.mediaDevices.enumerateDevices();
          video.srcObject = stream;
          // Start to display the preview on the video element
          // and mute the video to disable the echo issue !
          video.play();
          video.muted = true;
      });
  
  // When the user clicks on start video recording
  document.getElementById('btn-start-recording').addEventListener("click",         function(){
      // Disable start recording button
      this.disabled = true;
  
      const audioSource = audioInputSelect.value;
      const videoSource = videoSelect.value;
  
      // Request access to the media devices
      navigator.mediaDevices.getUserMedia({
          audio: {deviceId: audioSource ? {exact: audioSource} : undefined},
          video: {deviceId: videoSource ? {exact: videoSource} : undefined,
                  width: {exact: videoWidth} ,    
                  height: {max: videoHeight } 
                 },
      }).then(
          function(stream) {
              // Display a live preview on the video element of the page
              setSrcObject(stream, video);
              navigator.mediaDevices.enumerateDevices();
              // Start to display the preview on the video element
              // and mute the video to disable the echo issue !
              video.play();
              video.muted = true;
  
              // Initialize the recorder
              recorder = new RecordRTCPromisesHandler(stream, {
                  mimeType: 'video/webm',
                  //              bitsPerSecond: 128000
                  bitsPerSecond: videoBPS
              });
  
              // Start recording the video
              recorder.startRecording().then(function() {
                  console.info('Recording video ...');
              }).catch(function(error) {
                  console.error('Cannot start video recording: ', error);
              });
  
              // release stream on stopRecording
              recorder.stream = stream;
  
              // Enable stop recording button
              document.getElementById('btn-stop-recording').disabled = false;
          }).catch(handleError);
  
  }, false);
  
  // When the user clicks on Stop video recording
  document.getElementById('btn-stop-recording').addEventListener("click",         function(){
      this.disabled = true;
  
      recorder.stopRecording().then(function() {
          console.info('stopRecording success');
  
          // Retrieve recorded video as blob and display in the preview element
          var videoBlob = recorder.getBlob();
          video.src = URL.createObjectURL(videoBlob);
          var url = URL.createObjectURL(videoBlob);
          //          video.play();
  
          // Unmute video on preview
          video.muted = false;
  
          // Stop the device streaming
          recorder.stream.stop();
  
          // Enable record button again !
          document.getElementById('btn-start-recording').disabled = false;
  
          var d = new Date();
          var n =     d.getFullYear()+"_"+d.getMonth()+"_"+d.getDay()+"____"+d.getHours()+"_"+d.getMinutes()+"_"+d.getSeconds();
  
          var formData = new FormData();
          formData.append('file', videoBlob);
          formData.append("VideoToken", VideoToken);
          formData.append("uniqid", guid());
          formData.append("fileName",VideoToken+".wav");
  
          // Execute the ajax request, in this case we have a very simple PHP script
              // that accepts and save the uploaded "video" file
              xhr('insert_video.php', formData, function (fName) {
              console.log("Video succesfully uploaded !" + fName);
              location.reload();
          });
  
      // Helper function to send 
      function xhr(url, data, callback) {
          var request = new XMLHttpRequest();
          request.onreadystatechange = function () {
              if (request.readyState == 4 && request.status == 200) {
                  callback(location.href + request.responseText);
              }
          };
          request.open('POST', url);
          request.send(data);
      }
  
      }).catch(function(error) {
          console.error('stopRecording failure', error);
      });
      navigator.mediaDevices.enumerateDevices().then(gotDevices).catch(handleError);
  
  }, false);
  
  function guid() {
      return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
          s4() + '-' + s4() + s4() + s4();
  }
  function s4() {
      return Math.floor((1 + Math.random()) * 0x10000)
          .toString(16)
          .substring(1);
  }
  
  
  
  function handleError(error) {
      console.log('navigator.getUserMedia error: ', error);
      alert(error);
  }
  

  Can anybody tell me please, what's wrong in my script and how to fix it. Thank you very much in advance!
• How to implement jquery plugin in angular 5?

  I am trying implement a jquery plugin in my angular 5 project but I am getting error as plugin isn't defined. I have included both jquery and jquery plugin in angular cli.

  

  and imported jquery in app.compotent.ts but its still not working.

  Created a stackblitz for demo here.

  Thanks for help in advance!!
• jQuery: How to toggle a button's text back and forth?

  A question regarding jQuery / Javascript:

  Please check out the following HTML code first:

  <div class="quandoo-widget" id="quandoo-booking-widget"></div>
  <script src="https://booking-widget.quandoo.com/index.js" data-merchant-id="48554" data-theme="dark"></script>
  <button class="home-menu-link-reservation">RESERVATION</button>
  

  This is the HTML code for a Booking Widget on my Index.html

  Here is the CSS for the same div with the class "quandoo-widget" as well as the "reservation button" with the class "home-menu-link-reservation":

  .quandoo-widget {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 5%;
  z-index: 300;
  }
  
  .home-menu-link-reservation {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 77%;
  z-index: 500;
  margin-top: 20px;
  padding: 5px 26px;
  border-style: solid;
  border-width: 1.5px;
  border-color: hsla(0, 0%, 100%, .8);
  background-color: rgba(8, 24, 21, .4);
  font-family: Miller, sans-serif;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
  }
  

  Now my question: I want to use jQuery to toggle the booking Widget on and off, which I actually managed to achieve with the jQuery code below:

  $('.social-icons').hide();
  $('.social-icons').fadeIn(6000);
  $('.home-menu-link-reservation').hide();
  $('.home-menu-link-reservation').fadeIn(3000);
  $('.quandoo-widget').hide();
  // Function Button Click
  $('.home-menu-link-reservation').on('click', function() {
      // Fade Widget In and Out on Click
      $('.quandoo-widget').fadeToggle( 800, 'swing' );
      // Change Button Text from Reservation to Zurück
      var textToggle = $('.home-menu-link-reservation').text('Zurück');
  });
  

  Now if you test the code you will see that the Widget DOES toggle and on the first click the "reservation" text on the button changes to "Zurück".

  Where I am stuck is: I need the text of the reservation button to change back to "Reservation" while we toggle the button as well.

  So when the Widget pops up it's "Zurück" which stands for "back" and when the widget is not showing the text should say "Reservation" again.

  Can you kindly help me?

  Thank you !!
• Updating database tables from the front end

  I'm having a hard time figuring out how to do this. I currently have Flask with PyMySQL and SQLAlchemy installed to handle the back end database connection. I've linked the connection in the config file and have been using it fine. The front end uses Angular CLI with bootstrap, but has other things installed such as JQUERY, Popper, and primeng.

  The problem is that I need to access the database and update/delete/insert data from a form on the front end. So a user could type in a text box a query and my database will run it. I know how to get data from the back end and bring it to show on the front end, but I can't figure out how to go the other way around.

  With this, if there is an error message on the update/delete/insert such as violating a foreign key policy, that message needs to be shown back to the front end.

  Any help with this would be great, thank you!
• how to save form data in our computer that was filled by vister on our webpage

  i want to know how to save data of the visitor that was filled by the visitor on our website

          <ul class="form">               
  
              <li class="short">
                  <label>First Name<span class="required"></span></label>
                  <input type="text" name="first" id="first" value="First Name" class="requiredField" onblur="if(this.value == '') { this.value = 'First Name'; }" onfocus="if(this.value == 'First Name') { this.value = ''; }" />
              </li>
  
• Can't figure out how to scroll down/up by 50px in js when i click a button

  This is the code I have currently. What I want to do, is when I click a button - Move up- I want the text in area3 to move up by 50px. But right now its moving all the way back up to the top. This is for a h/w assignment and we're doing pretty basic js/jquery if that needs to be said? :) Any help will be appreciated! Thanks!

  $("#moveUp").click(function(event){
    event.preventDefault();
    var scrollPos = $(".area").scrollTop();
    var newPos = scrollPos - 50;
    $(".area3").scrollTop(newPos);
  })

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <div class="area3">
   blah blah
  </div>
  <div class="area4">
    <button id="moveUp">Move Up</button>
  </div>