Author Topic: [MOD] Minikalender für Member Upload  (Read 16017 times)

0 Members and 1 Guest are viewing this topic.

Rembrandt

  • Guest
[MOD] Minikalender für Member Upload
« on: November 21, 2009, 04:00:52 PM »
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
« Last Edit: November 22, 2009, 08:34:22 PM by Rembrandt »

rinaldos

  • Guest
Re: [MOD] Minikalender für Member Upload
« Reply #1 on: November 21, 2009, 04:08:43 PM »
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

  • Guest
Re: [MOD] Minikalender für Member Upload
« Reply #2 on: November 21, 2009, 04:16:22 PM »
..
 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

  • Guest
Re: [MOD] Minikalender für Member Upload
« Reply #3 on: November 21, 2009, 04:21:07 PM »
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

Offline Habi86

  • Newbie
  • *
  • Posts: 46
    • View Profile
Re: [MOD] Minikalender für Member Upload
« Reply #4 on: November 22, 2009, 10:27:57 AM »
*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  :lol: aber was soll ich machen me = - NOOB -  :roll:

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

Liebe Grüße,
Habi


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

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  :lol:
« Last Edit: November 22, 2009, 10:56:45 AM by Habi86 »

Rembrandt

  • Guest
Re: [MOD] Minikalender für Member Upload
« Reply #5 on: November 22, 2009, 11:17:19 AM »
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

« Last Edit: November 22, 2009, 08:35:20 PM by Rembrandt »

Offline Habi86

  • Newbie
  • *
  • Posts: 46
    • View Profile
Re: [MOD] Minikalender für Member Upload
« Reply #6 on: November 22, 2009, 12:20:42 PM »
@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  :evil:

*knuddel*
Habi

Rembrandt

  • Guest
Re: [MOD] Minikalender für Member Upload
« Reply #7 on: November 22, 2009, 12:29:33 PM »
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

Offline Habi86

  • Newbie
  • *
  • Posts: 46
    • View Profile
Re: [MOD] Minikalender für Member Upload
« Reply #8 on: November 22, 2009, 01:16:33 PM »
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  :wink:  :D
Also ich finde du hast das klasse gelöst und vorallem so schnell - hat mich sehr gefreut  :)

LG,
Habi

Offline Pawel_el

  • Newbie
  • *
  • Posts: 30
    • View Profile
Re: [MOD] Minikalender für Member Upload
« Reply #9 on: August 16, 2013, 07:37:06 PM »
Wie füge ich HTML Code <b> 13.07.211 </ b>?

Offline senloel

  • Full Member
  • ***
  • Posts: 196
    • View Profile
Re: [MOD] Minikalender für Member Upload
« Reply #10 on: August 17, 2013, 10:40:49 AM »
Perfekt ;)

Klappt alles wunderbar!
Danke!

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