Announcement

**gfoidl** · 22.05.2011, 14:27

Hallo,

was hat das mit Dynamsicher Programmierung zu tun?

Das Bild kannst du doch mit einem Bildbearbeitungsprogramm zerlegen und dann verwenden. Ev. mittels CSS positionieren und fertig.

mfG G�

**web-neuling** · 22.05.2011, 14:30

hey gfoidl,

naja ich dachte da durch die bereichsauswahl auf einem bild,
und die dann erscheinenen inhalte in der combobox von ner datenbank geladen werden - ist das dynamisch!?

Statisch w�re f�r mich wenn ich die eintr�ge in der combobox - fest codiert in nem html code reingeschrieben h�tte?!

*wieder abgebe*

**gfoidl** · 22.05.2011, 15:59

Hallo,

ob das nun dynamsich ist spielt ja keine Rolle

Wenn du verschiedene Bilder "dynamsich", also zur Laufzeit, zerlegen willst ist das schon ziemlich aufw�ndig (vgl. Kantenerkennung als Teilgebiert der Bildverarbeitung) -> dies w�rde ich lieber h�ndisch machen.

mfG G�

**web-neuling** · 22.05.2011, 16:07

Hey,

ob das nun dynamsich ist spielt ja keine Rolle

??

"bild"
oh jeh!
nein nein^^

Ich dachte da mehr daran,
das man das bild in verschiedene segmente (zb verweissensitive grafiken (html)) aufteilen kann - jedes segment hat ne id - das dann iwie abgefangen werden kann und in ne mehtode als parameter eingef�gt werden kann - so das zb dach (id=1) die combobox "dach" l�dt mit den inhalten....

oder

iwie mit mausover/onclick effects arbeiten kann - die dann zb auch noch das dach rot werden lassen wenn man dr�ber f�hrt, oder die t�re wird gr�nlich angef�rbt wenn man dr�ber f�hrt
und dann wie oben, halt die comboboxen automatisch f�llen jenachdem auf welchem bereich man gerade ist...

so wars iwie gedacht^^

please help!

danke!!

MFG

**gfoidl** · 22.05.2011, 16:27

Hallo,

achso. Das ginge dann mit JavaScript, AJAX, udgl. Mehr wei� ich aber dazu nicht.
Eventuell w�re auch eine L�sung in Flash, Silverlight passender.

mfG G�

**web-neuling** · 22.05.2011, 16:40

achso. Das ginge dann mit JavaScript, AJAX, udgl. Mehr wei� ich aber dazu nicht.
Eventuell w�re auch eine L�sung in Flash, Silverlight passender.

naja, ich br�uchte halt ne "step by step" hilfe.
Angefangen von der auswahl der software - bis zur 1. code zeile ^^

??!!

**gfoidl** · 22.05.2011, 16:46

Hallo,

da hilft dir sicherlich ein (Einsteiger-) Buch mehr als ein Forum. F�r die Wahl der richtigen Software gibts bereits einige Themen im Forum - suche mal danach.

mfG G�

**fanderlf** · 23.05.2011, 08:43

Such Dir ein Framework aus und fang an

�berleg Dir dann noch ob das ganze clientseitig (meist aufw�ndiger und schwieriger zu handhaben - allerdings auch mehr Web 2.0) oder serverseitig verarbeitet werden soll (klassisch per GET und POST). Eine komplette Anwendung zu designen und aufzubauen sprengt komplett den Rahmen dieses Forums.
Vor allem weil wir auch gar nicht wissen was Du kannst und was nicht. Also wirst erstmal Du die Qual der Wahl haben und Dir Dein Wunschframework aussuchen m�ssen.

**Martin Honnen** · 23.05.2011, 18:55

Um einzelne Bereiche eines Bildes als Links zu definieren, benutze das "usemap"-Attribut des "img"-Elementes zusammen mit einem passendem "map"-Element:

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>img map example</title>
<script type="text/javascript">
var data = {
  door: ['door 1', 'door 2', 'door 3'],
  roof: ['roof 1', 'roof 2', 'roof 3', 'roof 4', 'roof 5']
}

function getData(id) {
  //could fetch data from server here
  return data[id];
}

function createSelect(anchor, selectContainer) {
  var select = document.createElement('select');
  var optionData = getData(anchor.id);
  for (var i = 0, l = optionData.length; i < l; i++) {
    var option = new Option(optionData[i], optionData[i]);
    select.appendChild(option);
  }
  if (selectContainer.firstChild) {
    selectContainer.replaceChild(select, selectContainer.firstChild);
  }
  else {
    selectContainer.appendChild(select);
  }
  return false;
}
</script>
</head>
<body>
<div>
<img alt="house" src="http://www.wir-fraktion-dorsten.de/wp-content/uploads/2009/12/haus.jpg" usemap="#map1">
<span id="selectContainer"></span>
<map name="map1">
      <area id="door"
         alt="door"
         href="door.html"
         shape="poly"
         coords="57,98,92,111,92,155,57,137,57,98"
         onclick="return createSelect(this, document.getElementById('selectContainer'));">
      <area id="roof"
         alt="roof"
         href="roof.html"
         shape="poly"
         coords="65,39,137,19,184,83,139,136,65,39"
         onclick="return createSelect(this, document.getElementById('selectContainer'));">
</map>

</div>

</body>
</html>

**web-neuling** · 24.05.2011, 00:47

@all:
so bin leider jetzt erst wieder zu hause
und sehr m�de *g�hn*
War noch mit ner lerngruppe zusammen,
haben bald pr�fungen und die n�chsten tage werden
nicht weniger stressig.

ABER ich werd mir morgen die kommentare,codes genauer anschauen und nacharbeiten!

@martin:

DANKE DANKE!

wow!

Auf den erstenCodeBlick *leider sehr m�de bin*
h�tt ich nur noch schnell ne frage
bevor ichs mir morgen nochmal genauer anschauen

Code:

coords="57,98,92,111,92,155,57,137,57,98"

??
sind das i-welche x1,y1,x2,y2 Kooridinaten??

Wie hast du die Werte bekommen,erhalten?
Ggf. Grafiktool?

@fanderlf
danke danke!

Auch deine antwort werd ich morgen nochmal genau durchlesen!

@gfoidl
danke!
Naja, ich w�rde sagen - b�cher zur erg�nzung sind gut!
Wie du siehst, und ich, ist ein forum ganz gut f�r die hilfe

Aber werde nat�rlich nicht darum kommen,
kommentare, codes nachzugoo**ln und in b�chern nachzuschauen...

Machts gut, bis morgen....

MFG

**Martin Honnen** · 24.05.2011, 12:28

coords gibt die Koordinaten an, siehe http://www.w3.org/TR/html4/struct/objects.html#h-13.6.1.
Die Werte f�r dein Beispielbild habe ich einfach erhalten, indem ich das Bild in ein Grafikprogramm (hier Paint unter Windows 7) geladen habe und dann die Koordinaten unter Bewegung des Mauszeigers ausgelesen habe.

**web-neuling** · 24.05.2011, 18:59

@martin:
danke danke!

Habe die "doku" nachgelesen und verstehe nun die zahlen kolonen

########
question
########

Ich wollte nun das mal bei mir lokal am pc machen,
habe daher das bild abgespeichert,
in einen ordner rein,
den quelltext in eine eigene haus.html
seite reingepackt,

das
<img src = " ..." >

auf den lokalen
Bildpfad abge�ndert

ABER
es kommt nur der
alternative text alt = house
?!?!

Habe mir den restlichen code nochmal angeschaut,
und konnte sonst iwie nicht herausfinden
was man noch �ndern sollte
damit das bild und die fct lokal ablaufen k�nnen?!

question 2:

Code:

function getData(id) {
  //could fetch data from server here
  return data[id];
}

from server??

danke im voraus!

MFG

**Christian Marquardt** · 24.05.2011, 19:13

http://de.selfhtml.org/html/grafiken...htm#definieren

**Martin Honnen** · 24.05.2011, 19:17

Wenn du alle Details des Codes zeigst, dann k�nnen wir hoffentlich herausfinden, warum das Bild nicht gefunden und geladen wird. Browser wie Firefox geben eventuell auch einen Hinweis in der Fehlerkonsole.

Der Kommentar "//could fetch data from server" bezieht sich auf deine urspr�nglichen Anforderungen, die Daten aus einer Datenbank zu laden. Das k�nnte man dann mit Javascript per XMLHttpRequest https://developer.mozilla.org/En/XML...XMLHttpRequest machen, so dann auf dem Server per PHP oder ASP oder JSP oder �hnlichem die Daten aus der Datenbank gelesen werden.

Announcement

dynamische programmierung

dynamische programmierung

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment