Benutzer:Kameloid/Vorlagen/Test.js - Versionsgeschichte

Kameloid: Neuste Version übernommen

2008-10-14T21:06:38Z

Neuste Version übernommen

Kameloid: Textarea IE6 fix

2008-10-06T14:57:56Z

Textarea IE6 fix

Kameloid: Farbe für Grundvorlagebutton geändert

2008-10-06T14:19:33Z

Farbe für Grundvorlagebutton geändert

Kameloid am 6. Oktober 2008 um 14:16 Uhr

2008-10-06T14:16:57Z

Kameloid: Ein Bisschen am Layout gespielt

2008-10-06T04:14:14Z

Ein Bisschen am Layout gespielt

Kameloid: Text für Tags nach oben verschoben

2008-10-05T17:02:55Z

Text für Tags nach oben verschoben

Kameloid am 5. Oktober 2008 um 03:55 Uhr

2008-10-05T03:55:52Z

Kameloid: Noch was bunt

2008-10-05T03:15:53Z

Noch was bunt

Kameloid am 5. Oktober 2008 um 00:10 Uhr

2008-10-05T00:10:59Z

Kameloid: Zwischenspeichern

2008-10-05T00:02:24Z

Zwischenspeichern

Neue Seite

@@ Zeile 288: / Zeile 288: @@
+{
 	var out = "";
-	out += "<div style='border: 0px; margin: 0px; padding: 5px;'>";
+	out += "<div style='border: 1px; margin: 0px; padding: 5px;'>";
 	out += "<form>";
 	out += "<table>";
 	out += "<tr><td colspan='2'><small>Hier kannst du Schlüsselwörter angeben, bitte <b>durch Komma</b> trennen! Angeben kannst du z.B. Motiv, Farben, Besonderheiten, … . <b>Beachte bitte:</b> Mach die Tags kurz und knackig, z.B. <i>Kuh, Weiß, Lila, Violett</i>. Wenn du dein Bild mit <i>Eine weiß-violette Kuh</i> tagst (also ohne Kommas), wird es nur gefunden werden, wenn genau das ins Suchfeld eingegeben wird.</small></td></tr>";
 	out += "</td></tr>";
-	out += "<tr><td width='160px'>";
+	out += "<tr><td>";
 	out += "<input type='button' id='tag_box_button' style='"+ButtonStyle0+"' value='Tags&nbsp;Hinzufügen' onclick='mk_add_tags();'>";
-	out += "</td><td><textarea id='tag_box' style='width:100%;'></textarea></td></tr>";
+	out += "</td><td width='90%'><textarea id='tag_box' style='width:100%'></textarea></td></tr>";
 	out += "</table>";
 	out += " <span id='tag_msg'></span>";
@@ Zeile 302: / Zeile 302: @@
 	return out;
+}

@@ Zeile 7: / Zeile 7: @@
    TEXTAREA.rows = "6";
    TEXTAREA.name = "wpUploadDescription";
-  TEXTAREA.innerHTML="{{Bild\n}}";
+ // TEXTAREA.innerHTML="{{Bild\n}}";
    ContentSub.appendChild(TEXTAREA);
 box = document.getElementById("wpUploadDescription");
@@ Zeile 57: / Zeile 57: @@
   */
 var imgklick = new Array();
-var BGcolor= new Array("red", "green");
+var BGcolor= new Array("red", "green", "gray");
 var ButtonStyle0="width:170px;color:"+BGcolor[0]+";font-size:1.0em;font-weight:bold"
 var ButtonStyle1="width:170px;color:"+BGcolor[1]+";font-size:1.0em;font-weight:bold"
 addOnloadHook(mk_ajax);
@@ Zeile 252: / Zeile 253: @@
 	else
+	{
-		document.getElementById(imgklick[element].name+"_button").style.color=BGcolor[1];
+		document.getElementById(imgklick[element].name+"_button").style.color=BGcolor[2];
 		if ( -1 != box.value.search(reg_has_arg))
 			box.value = box.value.replace( reg_has_arg, "$1\n"+val+"$4" );
@@ Zeile 274: / Zeile 275: @@
 		out += ButtonStyle0;
 	}else{
-		out += ButtonStyle1;
+		out += ButtonStyle2;
+	}
 	out += "' value='Grundvorlage&nbsp;einfügen' onclick='mk_add_g();'> Ohne die geht gar nichts! ";

@@ Zeile 18: / Zeile 18: @@
 /* === Hochlade-Seite === */
-/* Konfiguration */
+var box; // Globale Variable
 /*
@@ Zeile 58: / Zeile 25: @@
 var imgklick = new Array();
 var BGcolor= new Array("red", "green", "gray");
-var ButtonStyle0="width:170px;color:"+BGcolor[0]+";font-size:1.0em;font-weight:bold"
+var ButtonStyle0="width:170px;color:"+BGcolor[0]+";font-size:1.0em;font-weight:bold";
-var ButtonStyle1="width:170px;color:"+BGcolor[1]+";font-size:1.0em;font-weight:bold"
+var ButtonStyle1="width:170px;color:"+BGcolor[1]+";font-size:1.0em;font-weight:bold";
-var ButtonStyle2="width:170px;color:"+BGcolor[2]+";font-size:1.0em;font-weight:bold"
+var ButtonStyle2="width:170px;color:"+BGcolor[2]+";font-size:1.0em;font-weight:bold";
 addOnloadHook(mk_ajax);
@@ Zeile 187: / Zeile 154: @@
 function create_opts( element, val )
+{
-	var out = imgklick[element].opts[val].info + " ";
+	var out = imgklick[element].opts[val].info + "<br/>";
 	var wdt;// optionale Variable für die Breite eines Eingabefeldes
 	for ( i = 0; i<imgklick[element].opts[val].args.length; i++ )
@@ Zeile 193: / Zeile 160: @@
 		arg = imgklick[element].opts[val].args[i];
 		if ( arg.type == "textarea" )
-			out += arg.info + " <textarea style='width: 90%;' id='"+imgklick[element].name+"_arg_" + i+"'>"+arg.pre+"</textarea>";
+			out += "<br/>" + arg.info + " <textarea style='width: 90%;' id='"+imgklick[element].name+"_arg_" + i+"'>"+arg.pre+"</textarea>";
                  else if ( arg.type == "select" && imgklick[element].opts[val].args[i].options != null && imgklick[element].opts[val].args[i].options[0] != null)
+                 {
-                         out += arg.info + " <select id='"+imgklick[element].name+"_arg_" + i+"'>";
+                         out += "<br/>" + arg.info + " <select id='"+imgklick[element].name+"_arg_" + i+"'>";
                          for ( opt=0; opt<imgklick[element].opts[val].args[i].options.length; opt++ )
+                         {
@@ Zeile 239: / Zeile 206: @@
 		args += "|" + obj.args[i].arg + "=" + document.getElementById(imgklick[element].name+"_arg_"+i).value;
+	}
 	var val = "{{"+globalPrefix+imgklick[element].prefix+globalSep+obj.vorlage+args+"}}";
@@ Zeile 246: / Zeile 212: @@
 	var reg_has_arg = new RegExp("([{][{]"+grundvorlage.name+"[\s\n\r]*([|](.|\n|\r)*)?[|][\s\n]*"+arg+"=)((.|\n|\r)*}})");
 	var reg_hasnt_arg = new RegExp("([{][{]"+grundvorlage.name+"[\s\n\r]*)(([|](.|\n|\r)*)?[}][}])");
 	if ( -1 == box.value.search(reg) )
 	{ // kein Grundvorlage
@@ Zeile 344: / Zeile 309: @@
+}
 /*
@@ Zeile 352: / Zeile 316: @@
 function mkALL()
+{
 //	box = document.getElementById("wpUploadDescription");
 mkTEXTAREA();
-	if ( ! box )
+	if ( ! box || box == null )
 	{ // Bild wird nicht hochgeladen, sondern bearbeitet!
 		box = document.getElementById("wpTextbox1");
@@ Zeile 368: / Zeile 329: @@
 			box.parentNode.insertBefore(ibox, box);
+	}
 	var out = "";

@@ Zeile 253: / Zeile 253: @@
 	else
+	{
-		document.getElementById(imgklick[element].name+"_button").style.color=BGcolor[2];
+		document.getElementById(imgklick[element].name+"_button").style.color=BGcolor[1];
 		if ( -1 != box.value.search(reg_has_arg))
 			box.value = box.value.replace( reg_has_arg, "$1\n"+val+"$4" );
@@ Zeile 337: / Zeile 337: @@
 		box.value += "{{"+grundvorlage.einfg+"}}";
 		add_msg(document.getElementById("g_msg"));
-		document.getElementById("text_box_button").style.color=BGcolor[1];
+		document.getElementById("text_box_button").style.color=BGcolor[2];
+	}
 	else

@@ Zeile 7: / Zeile 7: @@
    TEXTAREA.rows = "6";
    TEXTAREA.name = "wpUploadDescription";
    ContentSub.appendChild(TEXTAREA);
 box = document.getElementById("wpUploadDescription");
@@ Zeile 57: / Zeile 58: @@
 var imgklick = new Array();
 var BGcolor= new Array("red", "green");
 addOnloadHook(mk_ajax);
@@ Zeile 77: / Zeile 80: @@
 function gen_imgklick( txt )
+{
          txt = txt.replace(/ *[|¦] */g, "|");
          txt = txt.replace(/[\n\r]+/g, "\n" );
@@ Zeile 84: / Zeile 88: @@
          txt = txt.replace(/[>]/g, "&gt;" );
          txt = txt.replace( /&lt;br *\/? *&gt;/g, "<br/>" );
          lines = txt.split( "\n" );
          for( i=0; i<lines.length; i++ )
+         {
@@ Zeile 183: / Zeile 187: @@
+{
 	var out = imgklick[element].opts[val].info + " ";
 	for ( i = 0; i<imgklick[element].opts[val].args.length; i++ )
+	{
@@ Zeile 215: / Zeile 220: @@
+                         }
                          out += "</select>";
+                 }else{
-		else
+			if (imgklick[element].opts[val].args[i].options[0]){wdt=imgklick[element].opts[val].args[i].options[0];}else{wdt="150px";}
-			out += arg.info + " <input type='" + arg.type + "' value='"+arg.pre+"' id='"+imgklick[element].name+"_arg_" + i + "'/>&nbsp;";
+			out += arg.info + " <input type='" + arg.type + "' style='width:"+wdt+"' value='"+arg.pre+"' id='"+imgklick[element].name+"_arg_" + i + "'/>&nbsp;";}
+	}
 	return out;
@@ Zeile 263: / Zeile 268: @@
+{
 	var out = "";
-	out += "<div style='border: 1px red dotted; margin: 5px; padding: 5px;'>";
+	out += "<div style='border: 0px; border-bottom:1px solid gray; margin:0px; padding: 8px; padding-left:8px;'>";
 	out += "<form>";
-	out += "<input type='button' style='width:160px;margin:3px;' value='Grundvorlage&nbsp;einfügen' onclick='mk_add_g();'> Ohne die geht gar nichts! ";
+	out += "<input type='button' id='text_box_button' style='"
 	out += " <span id='g_msg'></span>";
 	out += "</form>";
@@ Zeile 276: / Zeile 287: @@
+{
 	var out = "";
-	out += "<div style='border: 1px red dotted; margin: 5px; padding: 5px;'>";
+	out += "<div style='border: 0px; margin: 0px; padding: 5px;'>";
 	out += "<form>";
 	out += "<table>";
@@ Zeile 282: / Zeile 293: @@
 	out += "</td></tr>";
 	out += "<tr><td width='160px'>";
-	out += "<input type='button' id='tag_box_button' style='width:160px;color:"+BGcolor[0]+"'value='Tags&nbsp;Hinzufügen' onclick='mk_add_tags();'>";
+	out += "<input type='button' id='tag_box_button' style='"+ButtonStyle0+"' value='Tags&nbsp;Hinzufügen' onclick='mk_add_tags();'>";
 	out += "</td><td><textarea id='tag_box' style='width:100%;'></textarea></td></tr>";
 	out += "</table>";
@@ Zeile 325: / Zeile 336: @@
 		box.value += "{{"+grundvorlage.einfg+"}}";
 		add_msg(document.getElementById("g_msg"));
+	}
 	else
@@ Zeile 359: / Zeile 371: @@
 //---------------------------------------------------
 	for ( e=0; e<imgklick.length; e++ )	{
-		out += "<div style='border: 1px red dotted; margin: 5px; padding: 5px;'>";
+		out += "<div style='border: 0px; border-bottom:1px solid gray; margin: 0px; padding: 5px;'>";
 		out += "<form>";
-		out += "<table><tr><td width='160px'>";
+		out += "<table>";
-		out += "<input type='button' id='"+imgklick[e].name+"_button' style='width:160px;color:"+BGcolor[0]+"' value='"+imgklick[e].name+"&nbsp;hinzufügen' onclick='mk_add("+e+");'>";
+		out += "<tr><td width='160px'>";
 		out += "</td><td>";
 		out += "<select name='" + e + "' id='" + imgklick[e].name + "_select' size='1' onchange='mk_opts( "+e+", this );'>";
@@ Zeile 383: / Zeile 396: @@
 //-------------------------------------------------------
 	out += mk_tag_box();
-	document.getElementById("klicktag").innerHTML = out;
+	document.getElementById("klicktag").innerHTML = "<div style='border:4px ridge #4264FB;' >" + out + "</div>";
 };

@@ Zeile 1: / Zeile 1: @@
 function mkTEXTAREA(){
-   var ContentSub = document.getElementById("contentSub");
+//  var ContentSub = document.getElementById("contentSub");
    var TEXTAREA= document.createElement("TEXTAREA");
    TEXTAREA.id= "wpUploadDescription";
@@ Zeile 278: / Zeile 279: @@
 	out += "<input type='button' style='width:160px' value='Tags&nbsp;Hinzufügen' onclick='mk_add_tags();'>";
 	out += "</td><td><textarea id='tag_box' style='width:100%;'></textarea></td></tr>";
-	out += "<tr><td colspan='2'><small>Hier kannst du Schlüsselwörter angeben, bitte <b>durch Komma</b> trennen! Angeben kannst du z.B. Motiv, Farben, Besonderheiten, … . <b>Beachte bitte:</b>Mach die Tags kurz und knackig, z.B. <i>Kuh, Weiß, Lila, Violett</i>. Wenn du dein Bild mit <i>Eine weiß-violette Kuh</i> tagst (also ohne Kommas), wird es nur gefunden werden, wenn genau das ins Suchfeld eingegeben wird.</small></td></tr>";
+	out += "<tr><td colspan='2'><small>Hier kannst du Schlüsselwörter angeben, bitte <b>durch Komma</b> trennen! Angeben kannst du z.B. Motiv, Farben, Besonderheiten, … . <b>Beachte bitte:</b> Mach die Tags kurz und knackig, z.B. <i>Kuh, Weiß, Lila, Violett</i>. Wenn du dein Bild mit <i>Eine weiß-violette Kuh</i> tagst (also ohne Kommas), wird es nur gefunden werden, wenn genau das ins Suchfeld eingegeben wird.</small></td></tr>";
 	out += "</td></tr></table>";
 	out += " <span id='tag_msg'></span>";