hmm: EMail Formular und CSV Import, Vorlagen?

Beitrag lesen

hi leute,

mein Kontaktformular funktioniert jetzt:

        <div class="featurette" id="contact">
            <h2 class="featurette-heading">Kontaktformular
            </h2>
            <form id="kontaktformular" name="kontaktformular" method="post" action="/mail">
            	<div>
            	  <label for="absender">Ihre E-Mail-Adresse:</label>
            	  <input type="text" id="absender" name="email" />
            	</div>
            	<div>
            	  <label for="nachricht">Ihre Nachricht:</label>
            	  <textarea id="nachricht" name="text" cols="100" rows="10"></textarea> 
            	</div>
            	<div>
            	  <input type="submit" value="Abschicken" />
            	</div>
            </form>
        </div>

und der email server:

app.get('/app', function(req, res) {
     res.setHeader('Content-Type', 'application/json');
     var str = shell.exec('python test.py').stdout;
     console.log("output: " + str);
     res.send(JSON.stringify({ antwort: str}));
 });
 
 app.post('/mail', function (req, res) {
	// hier verschicken wir die email
	var nodemailer = require('nodemailer');
    
    var transporterObjectConfig = nodemailer.createTransport({
    host: 'exchange.tu-berlin.de',
    port: '587',
    secure: false,
    requireTLS: true,
    auth: {
    user: 'zauberhut@win.tu-berlin.de',
    pass: 'geheim'
    }
    });
    
	var mailOptions = {
        from: req.body.email,
        to: '"Christopher" <meineemail@gmx.de>',
        subject: 'Kontaktanfrage', 
        text: req.body.text, 
        html: req.body.text 
    };

    transporterObjectConfig.sendMail(mailOptions, function(error, info){
        if(error){
            return console.log(error);
        }
        res.send('Vielen Dank für Ihre Anfrage, wir werden Sie in kürze beantworten.');
    });
});

leider ist das ganze nicht richtig responsive, was wohl mit dem cols und rows zusammenhängen könnte. wie kann ich das richtig responsive machen? wie kann ich das formular aufhübschen?

ich möchte das besucher csv dateien von ihrem rechner auf meine webseite hochladen können, wie realisiert man sowas? ich bräuchte quasi eine javscript funktion die clientseitig eine datei aus dem verzeichnis des webseitenbesuchers einließt (die schick ich dann als json per node js an meinen server)

hier mal der link zur webseite, wo ihr das kontaktformular sehen könnt:

http://zonotope.azurewebsites.net/#contact