logo
down
shadow

Adding form data into ics.js file


Adding form data into ics.js file

By : songbo07
Date : November 22 2020, 10:40 AM
Hope that helps you do not need the form most of the other events you are tying to. I just clicked through to the component you are using and they have a clear example on usage.
I edited your code so that it minimally works. You should be able to tweak the functionality from here and see what the usage pattern needs to be like.
code :
<html>

<head>
  <script type="text/javascript" src="https://rawgithub.com/nwcell/ics.js/master/ics.deps.min.js"></script>

</head>

<body>
  <fieldset>
    <legend>Select FOIL Owner</legend>

    Handler:
    <p>
      <select name="category">

        <option value="Ronald">Ronald</option>
        <option value="Thomas">Thomas</option>
        <option value="Elizabeth">Elizabeth</option>

      </select>

    </p>

  </fieldset>

  <fieldset>
    <legend>FOIL Request Information</legend>
    First name:
    <br>
    <input type="text" id="firstname" name="fname" />
    <br>Last name:
    <br>
    <input type="text" id="lastname" name="lname" />
    <br>Email:
    <br>
    <input type="email" id="email" name="email" />
    <br>Phone:
    <br>
    <input type="text" id="phone" name="phone" />
    </form>


    <br>


    <div>
      Title:
      <input type="text" name="summary" id="summary" />
      <br>
      <br>Origin Date:
      <input type="date" id="originDate" name="originDate" />
      <br>

      <br>

      <div>

        5 Day Reminder Date:
        <input type="date" id="5dayDate" name="FiveDay" />
        <br>

      </div>
      <br>

      <div>

        20 Day Reminder Date:
        <input type="date" id="20dayDate" name="TwentyDay" />
        <br>

        <br>Description:
        <br>
        <textarea id="description" name="description"></textarea>
        <br>Location:
        <br>
        <input value="New York" id="location" name="location" />


        <br>
        <br>
        <div class="wrap">
          <a href="javascript:doit()">Single Event</a>
          <br>
          <br>



        </div>

        <script>
          // Demo

          function doit() {
            var cal_single = ics();
            var subject = "Title: " + document.getElementById("summary").value;

            var foilFirst = "Contact First Name: " + document.getElementById("firstname").value;
            var foilLast = "Contact Last Name: " + document.getElementById("lastname").value;
            var foilEmail = "Contact Email: " + document.getElementById("email").value;
            var foilPhone = "Contact Phone: " + document.getElementById("phone").value;

            var description = "Description: " + document.getElementById("description").value;
            var location = "Location: " + document.getElementById("location").value;

            var originalDate = document.getElementById("originDate").value;

            var FiveDay = "Five Day: " + document.getElementById("5dayDate").value;

            var TwentyDay = "Twenty Day: " + document.getElementById("20dayDate").value;


            cal_single.addEvent(subject, foilFirst + foilLast + foilEmail, '', originDate, originDate);
            cal_single.download()
          }
        </script>

</body>

</html>


Share : facebook icon twitter icon
Jquery-File-Upload adding form data

Jquery-File-Upload adding form data


By : Sevak Nishad
Date : March 29 2020, 07:55 AM
hop of those help? I am trying to follow the documentation to add form data to JQuery-File-Upload and then process it on my server side php upload handler. , you have $POST, it should be $_POST['example1']
Form data not being passed to Controller when adding form data from view

Form data not being passed to Controller when adding form data from view


By : user2449357
Date : March 29 2020, 07:55 AM
this one helps. Okay, the problem was the names of my inputs.
Instead of an input like:
cake php form containing file upload not adding enctype="multipart/form-data" attribute

cake php form containing file upload not adding enctype="multipart/form-data" attribute


By : user2960284
Date : March 29 2020, 07:55 AM
To fix the issue you can do I have a controller Job and controller User I want to send post data from the view of Job Controller to User controller the form contains file upload option too , Try this
code :
$this->Form->create('User', 
array('type' => 'file', 'class' => 'classname', 'url'=>array('controller'=>'Users','action'=>'newUser') ) );
Submit HTML form data as a file / Combine form data + file and send as single file in Javascript

Submit HTML form data as a file / Combine form data + file and send as single file in Javascript


By : gerwinou
Date : March 29 2020, 07:55 AM
I wish this helpful for you There are 2 parts
Convert file to string format or serialize it on client side using FileReader API Combine your form values with this string and send them as a file.
code :
var fileData;
$('#myFile').change(function(e){
    file = this.files[0];
    var fr = new FileReader();
    fr.onload = function(event) {
        encfileData = fr.result;
        startInx = encfileData.indexOf('base64');
        startInx += 7;
        tmp = encfileData.substr(startInx);
        //removes the file MIME header part ie. "data:text/plain;base64," before decoding
        //regex may be preferable
        fileData = atob(tmp); //DECODE
    };
    fr.readAsDataURL(file);
});
$('#myForm').submit(function(e){
    e.preventDefault();
    var txtData = "\n username:"+$("#username").val()+","+"email:"+$("#email").val();
    // NOTE: windows uses \r\n instead of \n for newlines
    var payLoad =  fileData + txtData;  //append text field data to the file data

    var blob = new Blob([payLoad], {type : 'plain/txt'});
    var form = new FormData();
    var fileName = 'combined.txt';    //filename that will be used on server
    form.append('something', blob, fileName);

    $.ajax({
        url: "some url",
        type: "POST",
        cache: false,
        contentType: false,
        processData: false,
        data: form,
        success: function(response){alert(response);}
    });     
});
Array
(
    [something] => Array
    (
        [name] => combined.txt
        [type] => plain/txt
        [tmp_name] => /tmp/phpJvSJ94
        [error] => 0
        [size] => 95
    )

)
Appending data to a csv file from a php form but also adding static data every time

Appending data to a csv file from a php form but also adding static data every time


By : edres hamood
Date : March 29 2020, 07:55 AM
fixed the issue. Will look into that further I am not sure what you're having trouble with. Are you familiar with fopen();? Are you familiar with CSV?
You will need to open the file for appending and append to your file using fwrite(). Once done, close the file with fclose().
Related Posts Related Posts :
  • RangeError: Maximum call stack size exceeded with array.slice
  • node rest client get with local variable
  • If condition not executes while mouse move fastly
  • Count the number of displayed elements in a HTML list
  • Locate JavaScript source code in Emacs
  • Clean, Modular Code vs MV* Frameworks
  • infinite scroll without loading image
  • Backbone: reverse collection order with comparator
  • What do printers ignore?
  • jQuery UI .tabs() Contentless tab?
  • Execute Javascript alert() after page (visually) loaded
  • JavaScript - duplicating array doesn't work
  • Excessive clickable area below image
  • JavaScript Regex: Replace |b| with <b>
  • Unexpected value change in 2D array in JavaScript
  • Function doesnt see parameter as a array of objects
  • jQuery fetch keypress event on chrome and IE
  • How to enable jquery validate localization?
  • Cassandra map collection returned by node.js Helenus looks odd
  • angular ng-repeat with multiple filter options
  • Selecting Children without ID or Class names
  • How to uncheck a group of checkboxes when another checkbox is checked
  • Is hiding content by Javascript or jQuery Worth trying
  • Load XUL resource using javascript
  • XML to HTML text area from server file system
  • set focus() on textbox on form onload
  • es lint '' is assigned a value but never used' eventhough i have used it
  • Can "name" attribute be used for custom VueJS components
  • Get innerHTML of content when it is clicked
  • HTTPS causes CSS animations to not load? Very confused
  • How to hide other div apart from touched div to the band
  • Is global variable assignment atomic on NodeJS?
  • Datepicker onchangemonthyear beforeshowday
  • trying to render html files using jade but it still adresses it as a jade
  • Google Analytics - Understanding and Dissecting the Snippet: What is | | [ ];
  • Replacing "[aA09.b]." to "[aA09.b]\n" in in JavaScript
  • Why wrap a function definition in an immediate function?
  • Enable / disable jQuery script on switching to different tab in a HTML page
  • how can find return variable value outside anonymous function in node js mysql query function
  • Converting 1 to 0001 in javascript array
  • svg viewbox should not resize the text fontSize?
  • store newline character with string in a variable
  • MP4 videos in Flowplayer does not play in Windows 7 Chrome
  • jquery focusin event not firing
  • How to debug Vue application with google chrome
  • html 5 web app cache download complete javascript alert?
  • Ember.js setupController fired only once
  • How to validate a currency input
  • How to convert my Array of data to key & value pair
  • Statistics circles in CSS
  • So I wanted to make a trig solver in javascript?
  • Showing HighCharts series name on x-axis and in legend
  • In Rails, how can we pass parameters in script?
  • Build Fails: `npm rebuild node-sass --force`
  • Angular Datepicker change dateformat
  • Trying to extract data from between two sets of characters
  • Configuring Jest in WebStorm
  • Uncaught Error: Syntax error, unrecognized expression: tr.ec_portfolio_title,
  • JQuery fading in fading out continuously
  • Unexpected end of input (Line 1) and Undefined Function?
  • shadow
    Privacy Policy - Terms - Contact Us © ourworld-yourmove.org