Durch Checkbox link sofort ändern

[achim89]

Hallo erstmal,

Ich wage mich langsam an PHP aber erreiche leider schon meine Grenzen.
Ich schreibe zurzeit an einem Bildhosting die mittels einer php verlinkt werden können
Wenn der Benutzer das Bild vor sich hat, soll er Checkboxen zur Auswahl haben (z.B. Schwarz/Weiß) oder Eingabefelder (wie Kontrastwert) in dem er optional etwas eingeben kann.

ich habe also eine php, die übergabeparameter mit $_GET abfängt
z.B.
embedd_image.php?user=blubb&file=lol.jpg&kontrast= 255&sw

dieser link steht in einem Inputfeld

Wenn der Nutzer die Checkbox Schwarz/Weiß wählt, soll automatisch an die URL ein &sw angehängt werden

bsp:

originalbild http://firestorm.bplaced.net/download.p ... le=lol.jpg

[ externes Bild ]
und dann einfach durch anhängen von &sw
[ externes Bild ]
oder durch kontrast = 255
[ externes Bild ]

Mit PHP ist dass ja leider nicht realisierbar, aber mit JavaScript soweit ich gelesen habe.
Nun ist JavaScript nur sehr schwer zu schreiben für mich, deshalb würde ich fragen ob ihr mir vielleicht ein kleiner Lösungsansatz bereitstellen könntet, den ich dann nach belieben erweitere.

Gruß,

Achim

[Mahony]

Hallo

...Mit PHP ist dass ja leider nicht realisierbar...

Schau dir mal ImageMagick an. Damit hast du schon eine Menge Möglichkeiten.


Grüße: Mahony

[achim89]

ich glaube ich wurde nicht ganz verstanden^^
ich suche code, der meine url in einem feld sofort ändert wenn ich eine checkbox klicke

[tas2580]

Ich hab so was gestern erst geschrieben, schau mal auf http://www.gameserveradmin.de/gameserver/server-90.html und klick auf "Daten exportieren". Unten kannst du dir einen Code erstellen lassen um die Stats auf einer Webseite einzubinden. Ich glaube so was suchst du, schau dir einfach mal den Quelltext meiner Seite an da findest du das Javascript dazu.

Gruß Tobi

[achim89]

ja genau das ist das was ich suche
nur ist das für mich sehr schwer zu lesen

[tas2580]

OK, hab grad eh nichts sinnvolles zutun, dann such ich dir mal die wichtigsten Stellen dazu raus

Code: Alles auswählen

<script type="text/javascript">
// <![CDATA[
function frame_code(src)
{
	document.getElementById('frame_code').innerHTML=src;
}

function url(val)
{
	FRAME_SRC = "http://www....="+val;
	frame_code(FRAME_SRC);
}
// ]]>
</script>
<select id="url" name="url" size="1" onchange="url(this.value)">
		<option value="&color=sw">Schwarz/Weiß</option>
		<option value="&color=farbe">Farbe</option>
		<option value="&color=kontrast">Kontrast</option>
</select>
<div id="frame_code"></div>

So ungefähr müsste es funktionieren. Schreib einfach bei den options als value das was an die URL angehängt werden soll.

Gruß Tobi

[achim89]

kann es so funktionieren?
ich frag mich ob ich php und java mischen kann (siehe variableninitialisierung v_BILD)

und ich möchte in der funktion v_BILD (der url) nicht jedesmal ein festen werd zuweisen, denn ich prüf nur in meiner php, isset($_GET["embedd"]) ohne werte, das heißt wenn man es will soll es angehängt werden url&embedd und wenn nicht dann nur url
ist das so möglich?

Code: Alles auswählen

<script type="text/javascript">
// <![CDATA[
var v_EMBEDD = 0;
var v_PROZENT = 0;
var v_KONTRAST = 0;
var v_SW = 0;
var v_BILD = 'http://firestorm.bplaced.net//download.php?user=$user&file=$file';
function frame_code(src)
{
   document.getElementById('frame_code').innerHTML=src;
}

function embedd(val, v_BILD)
{
	document.getElementById('stat_frame').src=v_BILD;
	v_EMBEDD = val;
	if(val != 0)
	{
		v_BILD = v_BILD + "&embedd;
	}
	frame_code(v_BILD);
}
function prozent(val, v_BILD)
{
	document.getElementById('stat_frame').src=v_BILD;
	v_PROZENT = val;
	if((val > 0) && (val <=100))
	{
		v_BILD = v_BILD + "&p=" + v_PROZENT;
	}
	frame_code(v_BILD);
}
function kontrast(val, v_BILD)
{
	document.getElementById('stat_frame').src=v_BILD;
	v_KONTRAST = val;
	if((val >= -255) && (val <= 255))
	{
		v_BILD = v_BILD + "&k=" + v_KONTRAST;
	}
	frame_code(v_BILD);
}
function prozent(val, v_BILD)
{
	document.getElementById('stat_frame').src=v_BILD;
	v_SW = val;
	if(v_SW != 0)
	{
		v_BILD = v_BILD + "&sw";
	}
	frame_code(v_BILD);
}

// ]]>