Formularfelder, makieren nicht möglich

deltafant · 29. März 2011, 11:12

Guten Morgen,

ich habe das Problem, dass ich im Internet Explorer in Formularfeldern nichts mehr makieren kann. Zwar kann ich mit einem Doppelklick alles makieren aber nichts einzeln.
Im Firefox funktioniert es ohne Probleme. Das Problem tritt bis jetzt auch nur auf dieser Seite auf.
Ich kann den Link leider nicht posten, da es nur in einem lokalen Netz verfügbar ist.

Hat jemand eine Idee woran es liegen kann?

Ich hoffe ich habe das richtige Forum gewählt.
Danke schon mal im Voraus,
deltafant.

vince · 29. März 2011, 11:20

Hi,

den Link musst du nicht posten, aber den Codeausschnitt solltest du uns schon zeigen

In welchem IE funktioniert es nicht ?

deltafant · 29. März 2011, 11:22

Ich habe es nun im Internet Explorer 8 und 9 probiert, in beiden tritt es auf.

Codeausschnitt ist gut, wovon? Nur von dem Formular oder am besten von der ganzen Seite, in dem ein Formular ist?

djonny · 29. März 2011, 11:34

Am besten von der ganzen Seite.
Wenn du es online hast ist es noch besser

deltafant · 29. März 2011, 11:38

Wie gesagt, es ist nur aus dem lokalen Netz hier zugänglich.
Hier mal eine Demo: vidup.de/v/NNlQN/ (Mit ziehen makiert er nichts, durch klicken funktioniert es allerdings).

Hier ist eine der Dateien wo das makieren, z.B. in den Feldern startDate und endDate, nicht möglich ist.

Quellcode

<?php
require_once ('lib/Customer.class.php');
require_once ('lib/User.class.php');
require_once ('lib/Project.class.php');
require_once ('lib/Summary.class.php');
$customer = new Customer ();
$user = new User ();
$project = new Project ();
$summary = new Summary ();
$action = htmlspecialchars ($_GET['action']);
?>
<h1>Zusammenfassung</h1>
<form action="showSummary.php" target="_blank" method="post">
<label for="customerId">Kunde</label>
<select name="customerId">
<option></option>
<?php
foreach ($customer->getAllCustomers () as $cu) {
echo ' <option value="' . $cu['customerId'] . '"'; if ($cu['customerId'] == $editPC['customerId']) { echo ' selected="selected"'; } echo '>' . $cu['lastName']; if ($cu['firstName']) { echo ', ' . $cu['firstName']; } echo '</option>';
}
?>
</select><br />
<label for="userId">Techniker</label>
<select name="userId">
<option></option>
<?php
foreach ($user->getAllUsers () as $u) {
echo ' <option value="' . $u['id'] . '">' . $u['firstName'] . ' ' . $u['lastName'] . '</option>';
}
?>
</select><br />
<label for="projectId">Projekt</label>
<select name="projectId">
<option></option>
<?php
foreach ($project->getAllProjects () as $p) {
echo ' <option value="' . $p['id'] . '">' . $p['name'] . '</option>';
}
?>
</select><br />
<label for="startDate">Startdatum</label><input type="text" name="startDate" value="dd.mm.yyyy" /><br />
<label for="endDate">Enddatum</label><input type="text" name="endDate" value="<?php echo date ("d.m.Y", time ()); ?>" /><br />
<label for="noc" class="list">Alle anzeigen</label> <input type="checkbox" id="noc" name="noc"<?php if ($_POST['locked']) echo ' checked="checked"'; ?> /><br />
<label for="submit"></label><input type="submit" name="submit" value="Anzeigen" />
</form>

Alles anzeigen

Szabo · 29. März 2011, 14:44

Es gibt allgemein Probleme, wenn du etwas über ein Flash Objekt legen willst.

Änder mal folgendes in dem Teil, wo das Flash Video eingebunden wird:
- <param name="wmode" value="transparent" /> einfügen
- embed-Tag mit wmode="transparent" erweitern

deltafant · 29. März 2011, 15:13

Ich glaube, du verstehst das gerade falsch.
Der Link mit dem Video hinter sollte nur das Problem zeigen,
welches ich habe - ich kann mit der Maus, in Formularfeldern, nicht makieren.

Szabo · 29. März 2011, 15:17

Oh sorry, man solllte das Thema nicht nur überfliegen.

Kannst du vielleicht noch eine live Demo von deinem Script hochladen und hier den Link posten, damit man mit entsprechenden Tools mal kurz drüber schauen kann?

phax · 29. März 2011, 16:11

Sind JS-Handler, bzgl. globale JS Libs im Einsatz?

deltafant · 29. März 2011, 16:19

Ja, sind es. Ich poste einfach mal den Header.

Quellcode

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Intranet</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<script type="text/javascript">
/* <![CDATA[ */
var color;
function changeColor(color) {
this.color = color;
}
function saveDate(currentUserId, id, timestamp)
{
try {
// Mozilla, Opera, Safari sowie Internet Explorer (ab v7)
req = new XMLHttpRequest();
} catch(e) {
try {
// MS Internet Explorer (ab v6)
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e) {
try {
// MS Internet Explorer (ab v5)
req = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
req = null;
}
}
}
req.onreadystatechange = function()
{
if (req.readyState == 4 && req.status == 200) {
if (currentUserId == 4 || currentUserId == 8 || currentUserId == 2) {
if ((document.getElementById(id).style.backgroundColor == "red") ||
(document.getElementById(id).style.backgroundColor == "green") ||
(document.getElementById(id).style.backgroundColor == "blue")) {
document.getElementById(id).style.backgroundColor = "white";
} else {
document.getElementById(id).style.backgroundColor = color;
}
} else {
alert('Du kannst diese Funktion nicht nutzen!');
}
}
}
req.open("GET","vacationAjax.php?id=" + id + "&ts=" + timestamp + "&uid=" + currentUserId + "&color=" + color, true);
req.send();
}
function addArticleField ()
{
var label = document.createElement ("label");
label.setAttribute ("for", "article");
var numberInput = document.createElement ("input");
numberInput.setAttribute ("type", "text");
numberInput.setAttribute ("value", "");
numberInput.setAttribute ("size", "2");
numberInput.setAttribute ("name", "number[]");
numberInput.setAttribute ("id", "number[]");
var priceInput = document.createElement ("input");
priceInput.setAttribute ("type", "text");
priceInput.setAttribute ("value", "");
priceInput.setAttribute ("size", "10");
priceInput.setAttribute ("name", "price[]");
priceInput.setAttribute ("id", "price[]");
var articleInput = document.createElement ("input");
articleInput.setAttribute ("type", "text");
articleInput.setAttribute ("value", "");
articleInput.setAttribute ("size", "30");
articleInput.setAttribute ("name", "article[]");
articleInput.setAttribute ("id", "article[]");
var br = document.createElement ("br");
var text = document.createTextNode (" x ");
var euro = document.createTextNode (" € ");
document.getElementById ("articleFields").appendChild (label);
document.getElementById ("articleFields").appendChild (numberInput);
document.getElementById ("articleFields").appendChild (text);
document.getElementById ("articleFields").appendChild (articleInput);
document.getElementById ("articleFields").appendChild (priceInput);
document.getElementById ("articleFields").appendChild (euro);
document.getElementById ("articleFields").appendChild (br);
}
function addBookingField ()
{
var label = document.createElement ("label");
label.setAttribute ("for", "article");
var numberInput = document.createElement ("input");
numberInput.setAttribute ("type", "text");
numberInput.setAttribute ("value", "");
numberInput.setAttribute ("size", "5");
numberInput.setAttribute ("name", "number[]");
numberInput.setAttribute ("id", "number[]");
var articleInput = document.createElement ("input");
articleInput.setAttribute ("type", "text");
articleInput.setAttribute ("value", "");
articleInput.setAttribute ("size", "20");
articleInput.setAttribute ("name", "article[]");
articleInput.setAttribute ("id", "article[]");
var br = document.createElement ("br");
var text = document.createTextNode (" / ");
document.getElementById ("articleFields").appendChild (label);
document.getElementById ("articleFields").appendChild (numberInput);
document.getElementById ("articleFields").appendChild (text);
document.getElementById ("articleFields").appendChild (articleInput);
document.getElementById ("articleFields").appendChild (br);
}
function showComputers (str)
{
try {
// Mozilla, Opera, Safari sowie Internet Explorer (ab v7)
req = new XMLHttpRequest ();
} catch (e) {
try {
// MS Internet Explorer (ab v6)
req = new ActiveXObject ("Microsoft.XMLHTTP");
} catch (e) {
try {
// MS Internet Explorer (ab v5)
req = new ActiveXObject ("Msxml2.XMLHTTP");
} catch (e) {
req = null;
}
}
}
req.onreadystatechange = function ()
{
if (req.readyState == 4 && req.status == 200) {
document.getElementById ("computer").innerHTML = req.responseText;
}
}
req.open ("GET","getComputers.php?q=" + str, true);
req.send ();
}
function getInfos (str)
{
try {
// Mozilla, Opera, Safari sowie Internet Explorer (ab v7)
req = new XMLHttpRequest ();
} catch (e) {
try {
// MS Internet Explorer (ab v6)
req = new ActiveXObject ("Microsoft.XMLHTTP");
} catch (e) {
try {
// MS Internet Explorer (ab v5)
req = new ActiveXObject ("Msxml2.XMLHTTP");
} catch (e) {
req = null;
}
}
}
req.onreadystatechange = function ()
{
if (req.readyState == 4 && req.status == 200) {
document.getElementById ("infos").innerHTML = req.responseText;
}
}
req.open ("GET","getInfos.php?q=" + str, true);
req.send ();
}
document.onmousemove = updateInfoBox;
function updateInfoBox(e) {
var posx = 0;
var posy = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY) {
posx = e.pageX;
posy = e.pageY;
}
else if (e.clientX || e.clientY) {
posx = e.clientX + document.body.scrollLeft
+ document.documentElement.scrollLeft;
posy = e.clientY + document.body.scrollTop
+ document.documentElement.scrollTop;
}
document.getElementById("infoBox").style.left = (posx + 20) + "px";
document.getElementById("infoBox").style.top = (posy + 20) + "px";
//if (document.getElementById("infoBox") != null && document.getElementById("infoBox").style.display == 'block') {
// x = (e.pageX ? e.pageX : window.event.x) + document.getElementById("infoBox").offsetParent.scrollLeft - document.getElementById("infoBox").offsetParent.offsetLeft;
// y = (e.pageY ? e.pageY : window.event.y) + document.getElementById("infoBox").offsetParent.scrollTop - document.getElementById("infoBox").offsetParent.offsetTop;
// --- Versuchen zu verstehen warum dies nicht funktioniert ...
//}
}
function showInfoBox(id) {
showInfo(id);
document.getElementById("infoBox").style.display = "block";
}
function hideInfoBox() {
document.getElementById("infoBox").style.display = "none";
}
function showInfo (q)
{
try {
// Mozilla, Opera, Safari sowie Internet Explorer (ab v7)
req = new XMLHttpRequest ();
} catch (e) {
try {
// MS Internet Explorer (ab v6)
req = new ActiveXObject ("Microsoft.XMLHTTP");
} catch (e) {
try {
// MS Internet Explorer (ab v5)
req = new ActiveXObject ("Msxml2.XMLHTTP");
} catch (e) {
req = null;
}
}
}
req.onreadystatechange = function ()
{
if (req.readyState == 4 && req.status == 200) {
document.getElementById("infoBox").innerHTML = req.responseText;
}
}
req.open ("GET","getRInfo.php?q=" + q, true);
req.send ();
}
function getAppointments (str, id)
{
try {
// Mozilla, Opera, Safari sowie Internet Explorer (ab v7)
req = new XMLHttpRequest ();
} catch (e) {
try {
// MS Internet Explorer (ab v6)
req = new ActiveXObject ("Microsoft.XMLHTTP");
} catch (e) {
try {
// MS Internet Explorer (ab v5)
req = new ActiveXObject ("Msxml2.XMLHTTP");
} catch (e) {
req = null;
}
}
}
req.onreadystatechange = function ()
{
if (req.readyState == 4 && req.status == 200) {
document.getElementById ("table").innerHTML = req.responseText;
}
}
req.open ("GET","getAppointments.php?q=" + str + "&id=" + id, true);
req.send ();
}
function getComputer (str)
{
try {
// Mozilla, Opera, Safari sowie Internet Explorer (ab v7)
req = new XMLHttpRequest ();
} catch (e) {
try {
// MS Internet Explorer (ab v6)
req = new ActiveXObject ("Microsoft.XMLHTTP");
} catch (e) {
try {
// MS Internet Explorer (ab v5)
req = new ActiveXObject ("Msxml2.XMLHTTP");
} catch (e) {
req = null;
}
}
}
req.onreadystatechange = function ()
{
if (req.readyState == 4 && req.status == 200) {
document.getElementById ("table").innerHTML = req.responseText;
}
}
req.open ("GET","getComputer.php?q=" + str, true);
req.send ();
}
function getReportsByCustomer (str)
{
try {
// Mozilla, Opera, Safari sowie Internet Explorer (ab v7)
req = new XMLHttpRequest ();
} catch (e) {
try {
// MS Internet Explorer (ab v6)
req = new ActiveXObject ("Microsoft.XMLHTTP");
} catch (e) {
try {
// MS Internet Explorer (ab v5)
req = new ActiveXObject ("Msxml2.XMLHTTP");
} catch (e) {
req = null;
}
}
}
req.onreadystatechange = function ()
{
if (req.readyState == 4 && req.status == 200) {
document.getElementById ("table").innerHTML = req.responseText;
}
}
req.open ("GET","getReportsByCustomer.php?q=" + str, true);
req.send ();
}
function openReport (url)
{
fenster = window.open (url, "Bericht bearbeiten", "width=400,height=220,status=no,scrollbars=no,resizable=no");
fenster.focus ();
}
function showDetails ()
{
if (document.getElementById ('entries-done').style.display == "block") {
document.getElementById ('entries-done').style.display = "none";
} else {
document.getElementById ('entries-done').style.display = "block";
}
}
/* ]]> */
</script>
<link rel="stylesheet" type="text/css" href="template/css/style.css" />
</head>

Alles anzeigen

Szabo · 29. März 2011, 16:20

Kannst du das ganze nicht kurz per FTP irgendwo hochladen?

phax · 29. März 2011, 23:43

Und die CSSen...

deltafant · 30. März 2011, 08:43

Guten Morgen,

ich habe eine der Seiten nun mal hochgeladen.
Link: demo.de2s.de/summary.php

Gruß.

djonny · 30. März 2011, 13:14

also ich hab jetzt bei mir in der Firma nur Linux, aber im Firefox und im Chrome funktioniert es 1a

so hab jetzt kurz einen Windows Rechner zum Testen wenn ich da die Entwicklungstools aufmache hängt er sich auf und sagt mir
"Object required summary.php, Zeile210 Zeichen 4"

deltafant · 30. März 2011, 13:37

Vielen Dank, konnte das Problem lösen.
Ich überprüfe nun vorher einfach ob das Objekt infoBox vorhanden ist.

Was für ein Tool hast du denn dafür genutzt?

Szabo · 30. März 2011, 14:54

Für den Firefox gibt es z.B. Firebug. Das ist echt ein super Tool um Javascript Fehler zu erkennen etc.

djonny · 30. März 2011, 15:21

@szabo das Problem ist ja meistns das Firefox aber viele fehler durchgehen lässt, IE aber nicht.

@deltafant
Im Internetexplorer 8 kannst mit F12 die Entwicklertools einschalten und dort habe ich den Fehler erhalten, aber wie gesagt das komplette Programm hat sich verabschiedet hat den anschein einer endlosschleife gehabt

Formularfelder, makieren nicht möglich

Formularfelder, makieren nicht möglich

Quellcode

Quellcode

Teilen

Tags