Textfeld an Bildschirmauflösung anpassen

Navigation
 Startseite
 Fachbücher
 Forum
 Webmaster News
 Script Newsletter
 Kontakt
 Script Installation
 Php
 Php Tutorials
 Impressum

Community-Bereich
 kostenlos Registrieren
 Anmelden
 Benutzerliste

Script Datenbank
 Script Archiv
 Script Top 20
 Screenshots
 Testberichte

Suche
 

Unsere Php Scripts
 Counter Script
 Umfrage Script
 Bilder Upload Script
 Terminverwaltung
 Simple PHP Forum
 RSS Grabber

Script Mods
 phpBB Adsense Mode

Tools und Generatoren
 .htpasswd Generator
 md5 Generator
 base64 Generator
 Markdown to HTML
 Colorpicker
 Unix timestamp Tool
 TLD Liste
 Webkatalog‑Verzeichnis

Partner
 Sprüche Treff

Artfiles.de
Bietet Serviceorientierte Internetdienstleistungen...
https://www.Artfiles.de
Hosterplus.de
Bekommen Sie Speicherplatz (Webspace), Domains und...
https://www.Hosterplus.de
 
 
 

Textfeld an Bildschirmauflösung anpassen

Sie befinden sich: Home > Forum > Java Script > Textfeld an Bilds...

Wenn Sie einen Beitrag in diesem Forum schreiben möchten, so ist es erforderlich, dass Sie ein
 Benutzerkonto registrieren.

In diesen Beitrag wurden 3 Nachrichten geschrieben.

Textfeld an Bildschirmauflösung anpassen
Nachricht wurde verfasst am 19.06.2009 um 20:48 Uhr von   Märius
Hi
Ich hab ein Problem (ich glaub ein einfaches) mit javascript:
Also ich möchte die Bildschirmauflösung der Besuchers auslesen, um anschließend ein Textfeld (zur eingabe einer Suchanfrage) an diese anpassen zu können.

Ich habe mir das so gedacht:


<html>
<head>
<title>Bildschirmauflösung</title>

<script type="text/javascript">

width = screen.width;
height = screen.height;
if (width < 800)
{
document.write('<style type="text/css"> .suche{size:10;}</style> ');
}
else
{
document.write('<style type="text/css"> .suche{size:30;}</style> ');
}
</script>

</head>
<body>
<form action="index.php" method="get">
<input type="text" class="suche" name="rexsearch" value=" echo $searchstr ?>" title="Geben Sie hier Ihre Suchbegriffe ein" />
</form>
</body>
</html>

Also es funktioniert nicht, mein Textfeld ist immer gleich groß.
Was habe ich falsch gemacht?
Geht das überhaupt so? Oder kann man die größe eines Textfeldes gar nicht in css bestimmen?

Viele Grüße und Danke schonmal im Voraus
 
Nachricht wurde verfasst am 22.06.2009 um 00:53 Uhr von Schubertmedia Schubertmedia
Huhu Marius,

Du kannst das z.b. hier mit machen:

<html>
<head>
<title>Bildschirmauflösung</title>
<script type="text/javascript">
function test(){
width = screen.width;
height = screen.height;
if (width < 800){
document.getElementById('rexsearch').style.width='10px';
} else {
document.getElementById('rexsearch').style.width='30px';
}
}
</script>
</head>
<body onLoad="test()">
<form action="index.php"
method="get">
<input type="text" name="rexsearch" id="rexsearch" value=" echo $searchstr ?>" title="Geben Sie hier Ihre Suchbegriffe ein" />
</form>
</body>
</html>
Nachricht wurde verfasst am 22.06.2009 um 13:29 Uhr von   Märius
Hey danke
Funktioniert wunderbar!
   Antwort schreiben
Bücherregal mit drei Büchern: 'PHP 4 - Grundlagen und Profiwissen' von Hanser Verlag, 'Webdesign in a Nutshell' von O'Reilly Verlag, und 'Webgestaltung' von Galileo Computing.