Eingabefeld

[Rantanplan2016]

Hallo,

kuze Beschreibung:
Ich möchte ein Eingabefeld machen, welches mit einem vorgeschriebenen "Code" bzw. Eingabe einen Wert in ein iframe läd.

Mit einem IMG habe ich es geschafft, - jedoch nicht responsive was es sein müsste. Jetzt möchte ich es die Ausgabe zu einer HTML Seite ändern. Also wenn man ins Suchfeld z.B. "Uni2016" eingibt, soll er automatisch die Seite "Uni2016.html" in den iFrame laden. (Mit einem Foto (IMG) würde auch gehen, aber es müsste responsive sein)

So sieht der Code für IMG aus (hier müsste es aber responsive werden):

PHP-Code:

<?php
if(isset($_POST["suche"]))
{
  $te = htmlspecialchars($_POST['sucheee']);
 
  if (file_exists($te . '.jpg'))
    echo '<img src="' . $te . '.jpg" alt="">';
}
?>

So sieht der Code für HTML aus (hier müsste er statt einem Link die Seite direkt laden):

PHP-Code:

 <?php
if(isset($_POST["sucheee"]))
{
  $te = htmlspecialchars($_POST['sucheee']);
 
  if (file_exists($te . '.html'))
    echo '<a href="http://domain.de/' . $te . '.html" >Link</a>';
}
?>

Ich versuche es seit einer Woche aus eigener Kraft - habe Gestern erst angefagen nach Hilfe zu suchen. (Ich bin totaler Neuling im PHP).

Ich würde mich über Code-Hilfe für eine der beiden Möglichkeiten wirklich sehr freuen!

Hier noch der HTML:

<form id="form2" name="form2" method="post" target="loading" action="sucheee.php">
  <label for="sucheee"></label>
  
  
  <input class="Suchfeld" type="text" name="sucheee" id="sucheee"  size="10" maxlength="50" value="Nummer" onfocus="if (this.value == 'Nummer') (this.value='')" onblur="if (this.value == '') (this.value='Nummer')"/>
  <input class="Suchbutton" type="submit" name="abschicken" id="abschicken" value="Anzeigen"/>
</form>

<!--------------------------------------------------------->

   <div class="thumbnail"> 
   
     <div id="loading"><iframe name="loading" src="start.html" width="100%" height="500px"></iframe></div>
    
      </div>

[vt1816]

Hallo und willkommen hier im Forum.


Für ein responsive Webdesign sind die technische Basis hierfür die neueren Webstandards HTML5, CSS3 (hier insbesondere die Media Queries) und JavaScript.

Bei Responsive Webdesign with Server Side components (RESS) handelt es sich um eine Weiterentwicklung des klassischen Konzeptes von Responsive Webdesign hin zu einer RWD-Lösung mit serverseitigen Komponenten.
Die Clienterkennung, Aufbereitung und Modifikation von Bildern, Anpassung der Inhalte und Funktionalitäten übernimmt ein Server. Hierzu erfolgt eine Device- und Feature Detection: Der Server ermittelt die Eigenschaften des Endgeräts mit Hilfe einer Device Database. Somit ist der Server in der Lage, die angefragten Inhalte endgerätespezifisch auszuliefern. Frontend- und Backendprozesse können sauber gekapselt werden – wodurch eine kontextabhängige Auslieferung an das Endgerät ermöglicht wird. Dadurch wird das Endgerät und der Browser des Nutzers erheblich entlastet.

Die pro Gerät ermittelten Datensätze werden Delivery Context genannt. Dieser setzt sich aus den folgenden Parametern zusammen:

• Hardwarehersteller
• Betriebssystem-Version
• Browser-Version

Meinst Du nicht auch, dass es ohne das notwendige Grundlagenwissen zzt. noch eine Nummer zu groß für Dich ist ('Ich bin totaler Neuling im PHP.')?


PS: Und Ich würde mich über Code-Hilfe für eine der beiden Möglichkeiten wirklich sehr freuen! wird Dir hier keine bieten wollen, denn hier gilt Hilfe zur Selbsthilfe.