Advies voor opmaak HTML-pagina met invulveld gezocht

Status
Niet open voor verdere reacties.

Pindakaas123

Gebruiker
Lid geworden
6 aug 2016
Berichten
7
Beste lezer,

Ik ben momenteel bezig met de opzet van wat HTML-pagina's welke ik voor inspectie-doeleinden wil gaan gebruiken, ik zal de situatie in het kort proberen te schetsen.

-Een monteur logt in op zijn laptop/tablet middels een url en komt op de 'start' HTML-pagina.
-Deze HTML-pagina bestaat uit een gebouw met meerdere verdiepingen, welke zijn te benaderen via klikbare buttons.
-Deze buttons brengt de monteur naar een plattegrond van een verdieping met verschillende kamers, ook deze zijn voorzien van een eigen button.
-Wanneer de monteur op een button van een kamer drukt, dan moet er een veld tevoorschijn komen waarin de monteur een paar regels tekst kan invoeren en opslaan.
Tevens kan dezelfde monteur zien of er iets aan de klimaat-installatie van desbetreffende ruimte is gedaan omdat zijn voorganger bijv. ook tijdens een storing/onderhoud tekst heeft ingevoerd met zijn/haar bevindingen.

Zie het als een dynamisch logboek per kamer/klimaatregeling.

Nu is mijn vraag, welke applicatie/programma kan ik het beste voor de tekstinvoer gebruiken?
Is excel een mogelijkheid of kan dit niet in HTML?

De bedoeling is ook om van alle ingevulde velden, die achter de buttons liggen, een jaar-rapportage/overzicht te maken.


Alvast bedankt voor het meedenken :)
 
Dit kan prima in HTML, maar je zult het dynamische gedeelte moeten doen in JavaScript, en de afhandeling moeten regelen met PHP. AJAX kan een mooie bruikbare techniek zijn die je tussen beiden kan toevoegen.
het is in ieder geval iets wat goed geprogrammeerd moet worden en wat niet over een nacht ijs gaat.
 
Volgens mijn bescheiden mening is zoiets een eenvoudige oplossing, werkt met een simpel textbestand, geen gedoe met databases. Gezien de gegevens als txt worden opgeslagen is het importeren in excel voor een jaaroverzicht ook geen enkel probleem.Monteurs hebben een overzicht van vorige berichten.
De opzet komt van een scriptje voor een gastenboek, maar lijkt mij voor uw doeleinden wel geschikt en is per kamer maar een paar kbtjes groot.
Hier http://www.pc-in-nood.xyz zie je een werkend voorbeeldje.
Geen extra software nodig, met een simple texteditor kan je het zaakje al klaren.
In bijlage de 2 bestandjes zoals ze nu te zien zijn op mijn testsite en een excel vbtje na import.
 
@dotchichan

Een jaaroverizcht dus, die je in *.txt wilt opslaan?
Hoe bereken jij dan heel simpel het gemiddelde van 10 jaar", om als voorbeeld te noemen.
 
@ PHP4U, Je spreekt zelf over een jaaroverzicht, volgens mij is een overzicht nog altijd een lijstje met de uitgevoerde interventies, in TS zijn vraag zie ook nergens iets over een berekening, trouwens eenmaal in excel kan excel nog heel wat met deze gegevens.
 
@ PHP4U, Je spreekt zelf over een jaaroverzicht, volgens mij is een overzicht nog altijd een lijstje met de uitgevoerde interventies, in TS zijn vraag zie ook nergens iets over een berekening, trouwens eenmaal in excel kan excel nog heel wat met deze gegevens.

Dus is de applicatie niet flexibel. Een database is precies het doel als je data wilt opslaan en daar verbanden en berekening uit wil kunnen ophalen. Misschien wil de TS het nu niet, maar later wel.
 
Allereerst dank voor jullie reacties en het meedenken!

@PHP4U, het is idd zo dat ik een jaaroverzicht wil maken, maar heb een zeer beperkte kennis mbt. PHP en AJAX, hier moet ik dan echt voor gaan zitten.
@gast0660, jouw scriptje lijkt mij wel wat om mee te testen. het ziet er op het eerste gezicht goed uit. Enige vraag is hoe dit uiteindelijk te vertalen naar een jaaroverzicht en dan bedoel ik bijv. het aantal klachten per kamer in een jaar tijd.
 
@ Pindakaas,
Volgens mij
Zoals PHP4U al opmerkte, je kan een gelijkaardige opzet maken met MY SQl, ipv een textfile en daar kan je die gaan gebruiken om uw gewenste gegevens er uit te halen.(Ik kan daarvoor nog wel een scriptje verzinnen, maar volgens mij is PHP4U daar een stuk beter in)
Je kan ook zo werken en de txt gegevens importeren in excel en dan mits de nodige VBA code de gegevens er uit halen.
 
@ gast0660,
De mogelijkheden zijn idd eindeloos, maar ik wil klein/simpel beginnen.. Waar kan ik jouw scriptje halen om het te testen?
Alvast bedankt! :)
 
OOps, bijlage in mijn eerste postje vergeten:o
Bij deze
Nog een extra woordje uitleg
1. Dit is php, kan je alleen online testen of je moet zoiets gebruiken als Mamp,Xamp of dergelijke.
2. in het mapje zit een tekstbestandje kamer1.txt,maak er zoveel als nodig kamer2, kamer3, studio1 ....
3. Pas de rode gedeeltes aan in de code
Vb, onder een van je knoppen moet de pagina verdieping1kamer101 open gaan, dan verander je index in verdieping1kamer101 en als je txt bestand de naam kamer101 heeft verander kamer1 in kamer101
Code:
<?
  $amount=15;

  if ($_GET['action']=='write') {
  	header('location: [COLOR="#FF0000"]index[/COLOR].php?action=read&start=0');
    $file=fopen('[COLOR="#FF0000"]kamer1.txt[/COLOR]','a');

    $message=str_replace("\r",'',$message);
    $message=str_replace("\n",'{{',$_GET['message']);
    fwrite($file,$_GET['name'].'|||'.$_GET['email'].'|||'.date('d-m-Y').'|||'.$_GET['url'].'|||'.$message."\n");
    fclose($file);
    
  }

  $start=(isset($_GET['start'])?$_GET['start']:0);
  $gastenboek=Array();
  $gastenboek=file('[COLOR="#FF0000"]kamer1.txt[/COLOR]');

?>

 <SCRIPT language="JavaScript">
    function validate(form) {
      if (form.name.value=="") {
        alert("Vul je naam in");
        return false;
      } else if (form.message.value=="") {
        alert("Vul je bericht in");
        return false;
      }
    }
    </SCRIPT>
    
 
  <P>
  <TABLE width="100%" cellspacing="0" cellpadding="0" >
    <TR>
      <TD><b>[COLOR="#FF0000"]Kamer1[/COLOR]</b><br></TD>
    </TR>
  </TABLE>
  <TABLE width="100%" cellspacing="0" cellpadding="0">
    <TR>
      <TD class="side"> Berichten <? echo $start+1; ?> tot en met <? echo min($start+$amount,sizeof($gastenboek)); ?>.
        <HR> <TABLE width="100%" >
          <?
          $gastenboek=array_reverse($gastenboek);
          for ($i=$start;$i<$start+$amount && $i<sizeof($gastenboek);$i++) {
            list($name,$email,$date,$url,$message)=explode('|||',$gastenboek[$i]);
            $message=str_replace('{{',"\n",$message);
            echo '<TR><TD><B>'.($email!=""?'<A href="mailto:'.$email.'">'.$name.'</A>':$name).'</B></TD><TD align="right"><B>'.$date.'</B></TD></TR>'."\n";
            echo ($url!=""?'<TR><TD colspan="2"><A href="'.$url.'" target="_blank">'.$url.'</A></TD></TR>':'')."\n";
            echo '<TR><TD colspan="2"><SPAN>'.str_replace("\n",'<BR>',htmlspecialchars($message)).'</SPAN></TD></TR>'."\n";
            echo '<TR><TD colspan="2"><HR></TD></TR>'."\n";
          }
        ?>
        </TABLE>
        <CENTER>
          <?
          if ($start>0) echo '<A href="[COLOR="#FF0000"]index[/COLOR].php?start='.max(0,$start-$amount).'"><<<</A> ';
          if ($start+$amount<sizeof($gastenboek)) echo ' <A href="[COLOR="#FF0000"]index[/COLOR].php?start='.($start+$amount).'">>>></A>';
        ?>   </CENTER></TD>
    </TR>
  </TABLE>
  <P>
  <TABLE width="100%" cellspacing="0" cellpadding="0" >
    <TR>
      <TD class="side">Nieuw bericht</TD>
    </TR>
  </TABLE>
  <TABLE width="100%" cellspacing="0" cellpadding="0" >
    <TR>
      <TD class="side"> <FORM action="[COLOR="#FF0000"]index[/COLOR].php" method="GET" onSubmit="return validate(this);">
          <INPUT type="hidden" name="action" value="write">
          <TABLE class="side">
            <TR>
              <TD>Naam:</TD>
              <TD><INPUT type="text" name="name" size="30"></TD>
            </TR>
            <TR>
              <TD>Bericht</TD>
              <TD><textarea name="message" cols="50" rows="5"></textarea></TD>
            </TR>
          </TABLE>
          <INPUT type="submit" value="Verstuur">
        <input name="Reset" type="reset" value="Reset" />
      </FORM></TD>
    </TR>
  </TABLE>
Hopelijk is het duidelijk genoeg
 

Bijlagen

gast0660 bedankt!
Ik ga ermee aan de slag, mocht ik vragen hebben dan laat ik 't je weten.
 
Pas dan wel <? aan naar <?php
 
@gast0660
Respect voor Helpers die een script posten :thumb: en daarmee iemand serieus op weg helpen.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan