Beiträge von roemi

roemi

Und mal wieder bestätigt sich ... mit einem gewissen Abstand lässt sich alles beheben.

Dämlichkeit meinerseits ... ich habe in einer Zeile schlicht ein <td></td> zu viel gehabt. :???:

roemi

Hallo,

ich versuche gerade mein Eingabeformular so zu gestalten das es in allen Themen und mit jedem Browser möglichst optimal aussieht.
Das stellt sich schwerer da als gedacht.
Grob so es wie folgt aussehen: Oben einen Titel, dann Text, dann Detail, dann Eingabefelder und im Anschluss eine Tabelle.

Mein Grundgerüst sieht so aus:

PHP

$text .= "<div>";


  $text .= "<div class='kopf'>";
  $text .= "kopf red";
  $text .= "</div>";
  
  $text .= "<div class='title'>";
  $text .= "titel green";
  $text .= "</div>";  


  $text .= "<h1>h1</h1>";
  $text .= "<h2>h2</h2>";
  $text .= "<h3>h3</h3>";
  $text .= "<h4>h4</h4>";
  $text .= "<h5>h5</h5>";
  $text .= "<h6>h6</h6>";  


  $text .= "<div class='eingabe'>";  
  $text .= "<input type='text' name='author' id='author' value='' size='22' tabindex='1' aria-required='true' />";
  $text .= "&nbsp;<label for='author'><small>Name (ben&ouml;tigt)</small></label><br>";
  $text .= "<input type='text' name='email' id='email' value='' size='22' tabindex='2' aria-required='true' />";
  $text .= "&nbsp;<label for='email'><small>E-Mail (wird nicht ver&ouml;ffentlicht) (ben&ouml;tigt)</small></label><br>";
  $text .= "<input type='text' name='url' id='url' value='' size='22' tabindex='3' />";
  $text .= "&nbsp;<label for='url'><small>Website</small></label>";    
  $text .= "</div>";  
  
  $text .= "<div class='table'>";
  $text .= "table blue";
    $text .= "<table>";  
      $text .= "<thead>";
        $text .= "<tr>";
          $text .= "<th>"; 
            $text .= "th z1s1 ";   
          $text .= "</th>";  
          $text .= "<th>"; 
            $text .= "th z1s2 ";   
          $text .= "</th>";
        $text .= "</tr>";
      $text .= "</thead>";
      $text .= "<tbody>";  
        $text .= "<tr>";
          $text .= "<td>"; 
            $text .= "td z2s1 ";   
          $text .= "</td>";  
          $text .= "<td>"; 
            $text .= "td z2s2 ";   
          $text .= "</td>";
        $text .= "</tr>";
      $text .= "</tbody>";
      $text .= "<tfoot>";
        $text .= "<tr>";
          $text .= "<th>"; 
            $text .= "th z3s1 ";   
          $text .= "</th>";  
          $text .= "<th>"; 
            $text .= "th z3s2 d";   
          $text .= "</th>";
        $text .= "</tr>";
      $text .= "</tfoot>";  
    $text .= "</table>";  
  
  $text .= "</div>"; 
  
$text .= "</div>";

Alles anzeigen

Die CSS dazu:

HTML

div.kopf
{
  color:red;
}


div.title
{
  color:green;
}


div.table
{
  color:blue;
}


div.table tfood
{
  color:green;
}


div.table thead
{
  color:blue;
}


div.table tbody
{
  color:red;
}


div.eingabe input
{
  margin: 0;padding: 0;
}


div.eingabe label
{
  color:red;
}

Alles anzeigen

Mit dem Titel, Text und Eingabefelder kann ich leben. Aber wenn jemand eine Idee hat :wink:
Die Tabelle ist Schrott ... soweit ich erlesen konnte gibt es Problme mit thead und tfoot ... aber stimmt das?

Könnt Ihr mit Tipps geben?

roemi

Hallo,

ich hoffe auf Hilfe.
Ich habe in der Anlage ein und das selbe, selbst geschriebene, Plugin in ein und dem selben Browser IE 8 abgebildet. Local wird die Formatierung ignoriert, im Web einwandfrei dargestellt. Alle anderen Browser FF, Safari, Crome und Opera machen keine Probleme. Local und im Web haben WP den gleichen Versionsstand.

Ich weiß mir nicht zu helfen.

roemi

Oh, sorry ... ich habe gerade erst Deine Antwort gelesen.
Ich teste es morgen.

Z.Z. schlage ich mich mit dem IE und seinem seltsamen Verhalten rum :-(

roemi

Hallo,

ich habe meinem Plugin nun eine wenig CSS spendiert.
Nur Schriftgröße, Felder, Ausrichtung usw. Keine Farben und allgemeines Zeugs. Das klappt eigentlich auch ganz gut ... aber :-(

Zum testen habe ich sechs WPs mit unterschiedlichen Themen installiert.
Wenn ich das Plugin in den einzelnen Themen starte, dann fügt es sich mal schön in ein Thema ein (Schrift, Tabelle, Hintergrundfarbe usw.) und in das nächste widerrum nicht.

Dann hat z.B. die Tabelle eine völlig falschen Hintergrundfarbe.

Das kann m.E. nur daran liegen das ich mit meinem CSS-Style irgendwas überschreibe

Code

form
{ 
  margin: 0;padding: 0;
}
 
div#lop_table .no1
{ 
  margin: 0;padding: 0;
  border-collapse:collapse;
  width:100%;
  border:0px solid #ddd;
}
no2
{
  text-align: left;
  font-weight:bold;
  font-size:18px;
  font-family:arial,sans-serif,helvetica;
}
no3
{
  text-align: left;
  font-weight:normal;
  font-size:14px;
  font-family:arial,sans-serif,helvetica;
}
no4
{
  text-align: left;
  font-weight:normal;
  font-size:14px;
  font-family:arial,sans-serif,helvetica;
}
no5
{
 color:Red;
  font-weight:bold;
  font-size:14px;
  font-family:arial,sans-serif,helvetica;
}
no6
{
  font-weight:bold;
  text-align: left;
  font-size:12px;
  font-family:arial,sans-serif,helvetica;
}
no7
{
  text-align: left;
  font-weight:normal;
  font-size:12px;
  font-family:arial,sans-serif,helvetica;
}
no8
{
  text-align: left;
  font-weight:normal;
  font-size:11px;
  font-family:arial,sans-serif,helvetica;
}
div#lop_table .frontend_input
{
  margin: 0;padding: 0;
  font-size:13px;
  font-family:arial,sans-serif,helvetica;
  vertical-align:middle;
}

Alles anzeigen

Was mache ich falsch. Gibt es bei CSS in Verbindung mit WP etwas was ich mal wieder übershen habe?

roemi

Sodele,

ich habe hier mal ein Muster abgelegt ==> http://wordpress.roemi.de/?page_id=420

Der Kalender soll eigentlich runter und rechts neben die farbige Punkte.
Wenn ich ein Datum auswähle dann soll der Rest entsprechend aktualisiert werden und das Icon bekomme ich nicht zu sehen.

Unter IE wird der gesamte Seiten Kopf verschoben.

Der DatePicker kommt von hier: http://www.triconsole.com/php/calendar_datepicker.php

roemi

Hallo,

den Kalender sehe ich nun und ein Datum kann ich auch wählen. Selbst in Deutsch habe ich Ihn nun.

Aber:
1. Den Icon "Kalender" bekomme ich nicht angezeigt
2. Ich habe "noch" keine Ahnung wie ich so was "$myCalendar->writeScript();" an die richtige Stelle meiner Seite platziere.
3. Nachdem ich ein Datum ausgewählt habe, soll natürlich auch was passieren. Also ein Event wie "OnClick" oder "OnChange".

Weis ich auch noch nicht wie es gehen soll.

Vielleicht kann mir aber einer ein paar Infos geben :-D

roemi

Hallo,

ich will einen DatePicker in meinem plugin einbauen. Aber obwohl die Anweisung ist eigentlich ganz "einfach" scheint, bin ich zu blöd:

PHP

<head>
<script language="javascript" src="calendar.js"></script>
</head>

Das habe ich wie folgt erledigt:

PHP

function load_obo_custom_script() {
 wp_enqueue_script('obo_myscript', '/wp-content/plugins/online-booking/js/admin.js');
 wp_enqueue_script('obo_calendar', '/wp-content/plugins/online-booking/calendar/calendar.js');
}

und

PHP

//get class into the page
require_once('classes/tc_calendar.php');


//instantiate class and set properties
$myCalendar = new tc_calendar("date1", true);
$myCalendar->setIcon("images/iconCalendar.gif");
$myCalendar->setDate(1, 1, 2000);


//output the calendar
$myCalendar->writeScript();

Alles anzeigen

anstelle von "classes" habe ich "calendar" verwendet. Das Verzeichnis "classes" existiert nämlich nicht.

Aber es funktioniert nur teilweise (eigentlich gar nicht) :???:
Ich komme aber nicht drauf.

roemi

Wie immer ... selbst gelöst :-D

Eine frage in einem anderen Forum brachte die Lösung. Nun funktioniert es mit allen Browser und verschiedene Themen.

Wer schauen will http://wordpress.roemi.de/http://wordpress.roemi.de/?page_id=420

Ich brauch noch so was wie eine Sanduhr ... hat hierfür jemand eine Idee?

roemi

Hallo,

ich habe mein Plugin jetzt soweit das es in unterschiedlichen Themen und Browser weitgehend gleich dargestellt wird.

Nur WordPress Default 1.6 von Michael Heilemann (based on the famous Kubrick) werden die Auswahlboxen breit dargestellt.

Ich habe bewusst im CSS darauf verzichtet eine Breite vorzugeben.
Klappt eigentlich auch ganz gut. Nur eben hier nicht. Und das ist in allen Browser gleich.

roemi

Es ist wie immer :wink:

Ich suche verzweifelt und wenn ich dann in ein Forum schreibe (oder auch zwei) fällt es wie Schuppen von den Augen.

Ich musste die Formularfelder nur in das CSS mit aufnehmen. Und schon klappt es :D

roemi

Hallo,

folgendes Problem habe ich auch in einem HTML Forum angesprochen. Aber nachdem ich drei verschiedene Themen probiert habe, glaub ich das es gar kein reines HTML-Problem ist.

Wenn ich eine Tabelle innerhalb eines Form-Tags einbinde und dann Formularfelder einfüge, bekomme ich einen hohe Zeile sprich einen großen Abstand zur nächsten Zeile. Das ist aber Themen abhängig.

Im Anhang das Bild!

Und hier der Code

PHP

<?php 


global $userdata, $wpdb;


$obo_table_width = obo_table_width;
if(obo_view_column1)$obo_table_width += obo_column_width; $obo_col_num = 1;
if(obo_view_column2)$obo_table_width += obo_column_width; $obo_col_num += 1;
if(obo_view_column3)$obo_table_width += obo_column_width; $obo_col_num += 1;
if(obo_view_column4)$obo_table_width += obo_column_width; $obo_col_num += 1;
if(obo_view_column5)$obo_table_width += obo_column_width; $obo_col_num += 1;
if(obo_view_column6)$obo_table_width += obo_column_width; $obo_col_num += 1;
if(obo_view_column7)$obo_table_width += obo_column_width; $obo_col_num += 1;
if(obo_view_column8)$obo_table_width += obo_column_width; $obo_col_num += 1;
if(obo_view_column9)$obo_table_width += obo_column_width; $obo_col_num += 1;
if(obo_view_column10)$obo_table_width += obo_column_width; $obo_col_num += 1;




$text .= "<div id='obo_table'>";
$text .= "<form method='post' action='".$_SERVER['REQUEST_URI']."'>";
$text .= "<table class='frontendtable' style='width:".$obo_table_width."px;'>";


$text .= "<tr>";
$text .= "<td class='frontendlisthead'>Von:</td>";
$text .= "<td class='frontendlisthead' colspan=$obo_col_num>";
$text .= "<select></select>";
$text .= "</td>";
$text .= "</tr>";


$text_head .= "<tr>";
$text_head .= "<td class='frontendlisthead' align='left' width=".obo_table_width.">" . __('Date','online_booking') . "</td>"; 
if(obo_view_column1) $text_head .= "<td class='frontendlisthead' width=".obo_column_width.">".obo_view_column1."</td>";
if(obo_view_column2) $text_head .= "<td class='frontendlisthead' width=".obo_column_width.">".obo_view_column2."</td>";
if(obo_view_column3) $text_head .= "<td class='frontendlisthead' width=".obo_column_width.">".obo_view_column3."</td>";
if(obo_view_column4) $text_head .= "<td class='frontendlisthead' width=".obo_column_width.">".obo_view_column4."</td>";
if(obo_view_column5) $text_head .= "<td class='frontendlisthead' width=".obo_column_width.">".obo_view_column5."</td>";
if(obo_view_column6) $text_head .= "<td class='frontendlisthead' width=".obo_column_width.">".obo_view_column6."</td>";
if(obo_view_column7) $text_head .= "<td class='frontendlisthead' width=".obo_column_width.">".obo_view_column7."</td>";
if(obo_view_column8) $text_head .= "<td class='frontendlisthead' width=".obo_column_width.">".obo_view_column8."</td>";
if(obo_view_column9) $text_head .= "<td class='frontendlisthead' width=".obo_column_width.">".obo_view_column9."</td>";
if(obo_view_column10) $text_head .= "<td class='frontendlisthead' width=".obo_column_width.">".obo_view_column10."</td>";
$text_head .= "</tr>";
$text .= $text_head;








$text .= $text_head;




$text .= "</table>";
$text .= "</form>";
$text .= "</div>";




?>

Alles anzeigen

Und die passende CSS (bin ich gerade am lernen)

Code

form
{ 
  margin: 0;padding: 0;
}


.error
{
    padding:2px; 
    border:1px solid #ddd;
    background-color:#FA8072;
    border-color:Red;
    text-align:center;
  margin: 0;padding: 0;
}


div#obo_table .frontendtable
{ 
  margin: 0;padding: 0;
  border-collapse:collapse;
    border:1px solid #ddd;
    border-color:black;
  font-size:11px;
  font-family:arial,sans-serif,helvetica;
}


div#obo_table .frontendlisthead{margin:0;padding:0;border:1px solid #ddd;border-color:black;background-color:#eeeeee;text-align:center;}


div#obo_table .frontendlistdate
{
  margin: 0;padding: 0;
  border:1px solid #ddd;
    border-color:black;
    background-color:#eeeeee;
  text-align:center;
}


div#obo_table .frontendbooking
{
  margin: 0;padding: 0;
  border:1px solid #ddd;
    border-color:black;
    background-color:#FF0000;
  text-align:center;
}


div#obo_table .frontendnobooking
{
  margin: 0;padding: 0;
  border:1px solid #ddd;
    border-color:black;
  text-align:center;
}

Alles anzeigen

Da ich vermute das verschiedene Themen verschieden reagieren bin ich für jeden Tipp dankbar.

roemi

Hallo,

ich habe meine Plugin ein Captcha spendiert.
Alles ist gut. Nun wollte ich einen Refresh einbauen ohne das die ausgefüllten Felder geleert werden.

Beim Type "submit" funktioniert es auch, beim Type "image" macht er einen kompl Refresh und löscht die Felder.

PHP

<input name='refresh' type='submit' value='New' />
      
      <input name='refresh' type='image' src='".LIST_OF_PARTICIPANTS_PATH_URL."refresh.gif'>

Das verstehe ich nicht. Sollte sich nicht beides gleich verhalten?

roemi

Oki, das ist ein Argument.

Ich verwende das ganze in einer "Postbox" und ziehe mir den aktuellen Inhalt aus einem txtFile das irgendwo im Web liegt. Auf diese Weise muss ich nicht immer das ganze Plugin updaten.

PHP

<div class='postbox'>
      <h3><label for='title'>". __('Thanks', 'list_of_participants')."</label></h3>
        <div class='inside'>
          <p>";
          $zeilen = file('http://.../thanks.txt');
          foreach ($zeilen as $zeile) {
            $text .= $zeile."<br>";
          }


          $text .= "</p>
        </div>
      </div>

Alles anzeigen

Wie gesagt, die Lösung ist so was von einfach ...

roemi

Sorry, bei der Frage war ich etwas verblödet 8-)
Hab es zwischenzeitlich gelöst (und das ganz einfach).

Lieber Admin ... bitte lösche diese Frage :D

roemi

Hallo,

ich habe in mein Plugin dies eingebaut:http://www.stoppt-den-spam.info/webmaster/capt…bau-script.html

Nun bekomme ich den Fehler:

Code

[B]Warning[/B]:  session_start() [[URL="http://localhost/wordpress/function.session-start"]function.session-start[/URL]]:  Cannot send session cache limiter - headers already sent (output  started at  C:\xampp\htdocs\wordpress\wp-content\themes\default\header.php:3) in [B]C:\xampp\htdocs\wordpress\wp-content\plugins\list-of-participants\list_of_participants_frontend.php[/B] on line [B]2[/B]

Was mich irritiert und weshalb ich mit allem was zum Thema "Session" geschrieben wurde NICHT klarkomme, das Teil funktioniert.

Ist es evtl. ratsam das rechen-cpatcha so um zubauen das eine Funktion im Plugin ist? Oder gibt es eine einfache Lösung (einen Link)?

Danke

roemi

Hallo,

ich bastel an meinem Plugin und bin an einem Punkt angekommen an dem ich Infos (z.B. die Hilfe) von extern einbinden will.
Meine Vorstellung: Ich pflege den Text, die Liste und lade sie auf meiner Webseite hoch. Startet jemand das Plugin, holt es sich die aktuellen Infos von meiner Seite. Mit "include" kommt es zu Fehler. Alex Rabe hat das bei seinem Nextgallery schön gelöst (die Felder mit den Spender etc.). Aber wie??

roemi

Ich hab es !!

PHP

if ( file_exists($screen) ) {

war der Übeltäter.

Nachdem ich das mal wech hab, funktioniert auch die Einbindung :)

Danke für die Mühe.

roemi

Öhm. :?:

Der Krempel ist alles local. Ich lade Ihn hoch und melde mich bei Dir per PN.

roemi

Gerne.

Bin immer froh Hilfe zu bekommen. Wie?
Soll ich Dir die Datei zukommen lassen?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von roemi

Verständnisprobleme mit CSS

CSS / Themen / Browser

Verständnisprobleme mit CSS

Verständnisprobleme mit CSS

Verständnisprobleme mit CSS

Ich bekomme kein DatePicker eingebunden

Ich bekomme kein DatePicker eingebunden

Ich bekomme kein DatePicker eingebunden

Unterschiedliche Darstellung je Thema

Unterschiedliche Darstellung je Thema

Probleme mit Table und Formular

Probleme mit Table und Formular

Unterschiedliches Verhalten (submit/image)

Externen Text/Liste einbinden

Externen Text/Liste einbinden

Captcha eingebaut, nun Sessionfehler

Externen Text/Liste einbinden

CSS-Anfänger

CSS-Anfänger

CSS-Anfänger