[MOD] Minikalender für Member Upload

[Rembrandt]

Hi!

Mit dieser Modifikation ist es möglich den Minikalender aus dem ACP auch in der Member Uploadform zu verwenden.
die idee b.z.w wie dieses umzusetzen wäre stammt von hier: http://www.4homepages.de/forum/index.php?topic=26309.0

Ich stelle euch hier zwei verschiedene Minikalender zum Einbau vor.

Variante A, ist der Minikalender Aus dem ACP: Sprache Englisch, Wochentag beginnt mit Sonntag.
Variante B, ein Modifizierter Kalender: Sprache Deutsch, Wochentag beginnt mit Montag.


Variante A:

1.) sucht in der header.html:

Code: [Select]

{if has_rss}
fügt davor ein:

Code: [Select]

<script type="text/javascript" language="javascript" src="./../admin/browserSniffer.js"></script>
<script type="text/javascript" language="javascript" src="./../admin/calendar.js"></script>

2.) sucht in der templates/euertemplates/member_uploadform:

Code: [Select]

<form method="post" action="{url_member}" enctype="multipart/form-data" onsubmit="uploadbutton.disabled=true;">
und ersetzt es mit:

Code: [Select]

<form method="post"  name="uploadform" action="{url_member}" enctype="multipart/form-data" onsubmit="uploadbutton.disabled=true;">

sucht in der templates/euertemplates/member_uploadform:

Code: [Select]

<textarea name="image_description" cols="30" class="textarea" rows="10">{image_description}</textarea>
fügt danach ein:

Code: [Select]

<script language="JavaScript" type="text/javascript">
<!--
function calendarSetDate_dateafter(day, month, year)
{
    var split = document.forms['uploadform'].elements['image_description'].value.split(' ');
    var currTime = split[1] ? split[1] : '';
    if (day < 10) {
        day = '0' + day;
    }
     if (month < 10) {
        month = '0' + month;
     }
   // var value = year + '-' + month + '-' + day;
    var value = day + '.' + month + '.' + year;
    if (currTime) {
         value += ' ' + currTime;
    }
     document.forms['uploadform'].elements['image_description'].value = value;
}
var calendar_dateafter = new calendar('calendar_dateafter', 'calendarSetDate_dateafter');
calendar_dateafter.writeHTML();
//-->
</script>


Variante B:

ladet euch hier den minikalender herrunter:  Kalender

entpackt die dateien und speichert den inhalt des ordners "Deutsche Version"  in euren root in den neu erstellten ordner "js/calendar/"
die beiden html dateien "beispiel*.html" benötigt ihr nicht.

1.) sucht in der header.html:

Code: [Select]

{if has_rss}
fügt davor ein:

Code: [Select]

<link rel="stylesheet" href="./js/calendar/dynCalendar.css" type="text/css" media="screen">
<script src="./js/calendar/browserSniffer.js" type="text/javascript" language="javascript"></script>
<script src="./js/calendar/dynCalendar.js" type="text/javascript" language="javascript"></script>
<script type="text/javascript">
  function calendarCallback(date, month, year){
            if (String(month).length == 1) {
month = '0' + month;
}
if (String(date).length == 1) {
date = '0' + date;
}
if (String(year).length == 4) {
year =  String(year);
}

date = date + '.' + month + '.' + year;

if ( date != "undefined.undefined.undefined"){
  document.uploadform.image_description.value += date;

          }
  }
</script>
 
2.) sucht in der templates/euertemplates/member_uploadform:

Code: [Select]

<form method="post" action="{url_member}" enctype="multipart/form-data" onsubmit="uploadbutton.disabled=true;">
und ersetzt es mit:

Code: [Select]

<form method="post"  name="uploadform" action="{url_member}" enctype="multipart/form-data" onsubmit="uploadbutton.disabled=true;">

sucht in der templates/euertemplates/member_uploadform:

Code: [Select]

<textarea name="image_description" cols="30" class="textarea" rows="10">{image_description}</textarea>
fügt danach ein:

Code: [Select]

<script language="JavaScript" type="text/javascript">
Calendar = new dynCalendar('Calendar', 'calendarCallback', './js/calendar/images/');
</script>

Viel Spass!

mfg Andi

[rinaldos]

Hi Andi,
die Idee mit dem Kalender stammt ja sicherlich von den Usern hier im Form Aber mir stellt sich gerade die Frage, (habe den Code noch nicht ausprobiert) was macht der Kalender ausser das Datum anzeigen?

*ratsuchend*

LG
Ingo

[Rembrandt]

..
 was macht der Kalender ausser das Datum anzeigen?.,..

nichts, ausser das datum in z.b. das feld beschreibung eintragen.
http://www.4homepages.de/forum/index.php?topic=26309.msg143094#msg143094

mfg Andi

[rinaldos]

Habe gerade die Variante B ausprobiert und sie funktioniert ganz gut. Musste dafür nur meinen TINY MCE deaktivieren. Hätte besser erstmal probiert und nicht direkt dumm gefragt

LG
Ingo

[Habi86]

*gleich Antworten muss*

habe auch die Var. B genommen

Es klappt GRENZGENIAL vielen vielen vielen vielen vielen DANK!!  

hat ein bisschen gedauert bis ich gecheckt habe das

Code: [Select]

document.forms['uploadform'].elements['image_description'].value = value;ändern muss damit es dort eingegeben wird wo ich das will   aber was soll ich machen me = - NOOB -  

Jetzt muss ich nur noch versuchen wie ich mehrere solche Felder machen kann ^_^ *gleichdabeibin* sonst darf ich dich fragen ja?  

Liebe Grüße,
Habi


**EDIT: okay <.< hat nicht so einfach funktioniert wie geplant  

Was muss ich ändern wenn ich mehrere Felder mit dieser Funktion ausstatten will??

zb.:
Erhalten am:
Hauptbild aufgenommen am:


header.htm:

Code: [Select]

date = date + '.' + month + '.' + year;
document.forms['uploadform'].elements['image_erhaltenam'].value = date;
member_upload.htm

Code: [Select]

         <tr>
            <td class="row2"><b>{lang_image_erhaltenam}</b></td>

            <td class="row2"><input type="text" name="image_erhaltenam"  size="30" value="{image_erhaltenam}" class="input" />

<script language="JavaScript" type="text/javascript">
Calendar = new dynCalendar('Calendar', 'calendarCallback', './js/calendar/images/');
</script>

</td>

          </tr>
zusätzlich:

Code: [Select]

                  <tr>

            <td class="row2"><b>{lang_image_hauptbild}</b></td>

            <td class="row2"><input type="text" name="image_hauptbild"  size="30" value="{image_hauptbild}" class="input" />

</td>

          </tr>
Bei header muss man sicher was ändern - nur was  :
Die Zeile kopieren und drunter mit neuem image_hauptbild einfüge - klappte mal nicht XD  

[Rembrandt]

ich habe z.b. einen zusätzlichen kalender bei dem Kommentarfeld eingefügt.
in der comment_form.html nach:

Code: [Select]

<textarea name="comment_text" cols="35" rows="10" class="commenttextarea">{comment_text}</textarea>
diesen code:

Code: [Select]

<script language="JavaScript" type="text/javascript">
Calendar2 = new dynCalendar('Calendar2', 'calendarCallback2', './js/calendar/images/');
</script>
 
und in die header.html diesen code:

Code: [Select]

<script type="text/javascript">
  function calendarCallback2(date, month, year){
if (String(month).length == 1) {
month = '0' + month;
}
if (String(date).length == 1) {
date = '0' + date;
}
if (String(year).length == 4) {
year =  String(year);
}
date = date + '.' + month + '.' + year;
document.commentform.comment_text.value += date;
}
</script>

das heißt bei den textfeldern wo der kalender sein soll kommt immer der gleiche code nur mit einer nummer hintendrann.
in der header.html die jeweilige funktion mit der gleichen nummer hinten drann:
function calendarCallback2

in dieser funktion ganz unten ist immer diese zeile zu ändern:

Code: [Select]

document.commentform.comment_text.value += date;
in diesen fall steht "commentform" für den namen der <form> in den sich das text oder inputfeld befindet, und "comment_text" ist der name des formfeldes, wenn das textfeld keinen namen hat mußt du einen vergeben z.b:
<textarea name="comment_text" cols="35" rows="10" class="commenttextarea">{comment_text}</textarea>

mfg Andi

[Habi86]

@Rembrandt Perfekt! Hat easy so gefunzt *freu* Dickesfettes Danke nochmal ^_^
jetzt muss ich nur noch diese Dropdown funktion zum laufen bringen <.< das klappt bei mir gar nicht 

*knuddel*
Habi

[Rembrandt]

freut mich das es bei dir funktioniert, ich pers. bin mit dem code nicht ganz zufrieden.
ich werde versuchen den code zu ändern damit in der header.html nicht x funktionen zu schreiben sind, aber mit JS bin ich im moment noch auf kriegsfuß

mfg Andi

[Habi86]

freut mich das es bei dir funktioniert, ich pers. bin mit dem code nicht ganz zufrieden.

Ach was, es funktioniert doch und das ist das wichtigste oder nicht   
Also ich finde du hast das klasse gelöst und vorallem so schnell - hat mich sehr gefreut 

LG,
Habi

[Pawel_el]

Wie füge ich HTML Code <b> 13.07.211 </ b>?

[senloel]

Perfekt

Klappt alles wunderbar!
Danke!

Kann man da irgendwo mehr Jahre hinzufügen bzw. auch Jahreszahlen entfernen?