BRAUCHE HILFE BEIM SCRIPTEN!!!

mason94 · 30 April 2014

Hallo !
Ich habe zurzeit eine Ausbildung als Fachinformatiker für Softwareentwicklung.
Da ich neu angefangen habe, habe ich wenig Wissen über scripten. Ich suche verzweifelt seit 3 std nach ner Lösung, doch ohne Erfolg...

Aufgaben die ich erledigt hab :

[X] mein Lebenslauf als HTML schreiben

[X] Auswahlliste hinzufügen

Aufgaben die mir gerade sehr viele Probleme bereiten :

[] Ich muss in der Lage sein, meine schulischen Ausbildungen zu erweitern. Sprich, neue Leiste hinzufügen, löschen oder editieren die genauso aussehen wie die vorherigen. Die Abstände müssen synchron sein.. und all das muss in der HTML Seite machbar sein. Also nicht im EDITOR wo die scripten stehen. (hoffe ihr versteht mich).

[] Es muss eine Verbindung zwischen der Auswahlliste und meinem Lebenslauf sein, damit ich von der Liste bearbeiten kann.

Dies ist mein Traumjob, ich will es nicht verlieren. Also bitte erklärt mir auch wie das machbar ist, damit ich beim nächsten Mal bescheid weiß !

hier sind die scripten :

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<html>
<head>
<style type="text/css">
</style>










<body>
<table border="0" cellpadding="5" cellspacing="1">
<table style="position:absolute; top:717px; left:130px; bottom:210px; right:1750px;">
    <tr>
    <td align="right" valign="top"></td>
      <td>
      <select name="Schulausbildung" class="Auswahl" size="1">
        <option value="???">Bitte Auswählen !</option>
        <option value="???">???</option>
        <option value="???</option>
        <option value="???</option>
        <option value="???">???</option>
        <option value="???">???</option>
        <option value="???">???</option>
      </select>
      </td>
    </tr>

  </table>
</form>  







  <table border="0" cellpadding="5" cellspacing="1">
<table style="position:absolute; top:1441px; left:70px; bottom:-355px; right:1750px;">
    <tr>
    <td align="right" valign="top"></td>
      <td>
      <select name="Hobbys" class="Auswahl" size="1">
        <option value="">Bitte Auswählen !</option>
        <option value="???</option>
        <option value="???</option>
        <option value="???">???</option>
        <option value="???">???</option>
      </select>
      </td>
    </tr>

  </table>
</form>


<html>
<head>
<title>Lebenslauf</title>
<style type="text/css">












#a1 { position:absolute; top:10px; left:750px; bottom:900px; right:750px; }


#a2 { position:absolute; top:160px; left:0px; bottom:760px; right:1750px; }
#a3 { position:absolute; top:215px; left:0px; bottom:705px; right:1750px; }
#a4 { position:absolute; top:270px; left:0px; bottom:650px; right:1750px; }
#a5 { position:absolute; top:325px; left:0px; bottom:595px; right:1750px; }
#a6 { position:absolute; top:380px; left:0px; bottom:540px; right:1750px; }
#a7 { position:absolute; top:435px; left:0px; bottom:485px; right:1750px; }
#a8 { position:absolute; top:490px; left:0px; bottom:430px; right:1750px; }


#a9 { position:absolute; top:700px; left:0px; bottom:210px; right:1750px; }



#a10 { position:absolute; top:900px; left:0px; bottom:20px; right:1750px; }
#a11 { position:absolute; top:955px; left:0px; bottom:-35px; right:1750px; }
#a12 { position:absolute; top:1010px; left:0px; bottom:-90px; right:1750px; }
#a13 { position:absolute; top:1065px; left:0px; bottom:-145px; right:1750px; }


#a14 { position:absolute; top:1170px; left:0px; bottom:-250px; right:1750px; }
#a15 { position:absolute; top:1225px; left:0px; bottom:-305px; right:1750px; }




#a16 { position:absolute; top:160px; left:850px; bottom:760px; right:850px; }
#a17 { position:absolute; top:215px; left:850px; bottom:705px; right:850px; }
#a18 { position:absolute; top:270px; left:850px; bottom:650px; right:850px; }
#a19 { position:absolute; top:325px; left:850px; bottom:595px; right:850px; }
#a20 { position:absolute; top:380px; left:850px; bottom:540px; right:850px; }
#a21 { position:absolute; top:435px; left:850px; bottom:485px; right:850px; }
#a22 { position:absolute; top:490px; left:850px; bottom:430px; right:850px; }


#a23 { position:absolute; top:900px; left:850px; bottom:20px; right:850px; }
#a24 { position:absolute; top:955px; left:850px; bottom:-35px; right:850px; }
#a25 { position:absolute; top:1010px; left:850px; bottom:-90px; right:850px; }
#a26 { position:absolute; top:1065px; left:850px; bottom:-145px; right:850px; }


#a27 { position:absolute; top:1170px; left:850px; bottom:-250px; right:850px; }
#a28 { position:absolute; top:1225px; left:850px; bottom:-305px; right:850px; }

#a29 { position:absolute; top:1425px; left:-60px; bottom:-355px; right:1750px; }

#a30 { position:absolute; top:1480px; left:850px; bottom:-355px; right:850px; }
#a31 { position:absolute; top:1535px; left:850px; bottom:-410px; right:850px; }
#a32 { position:absolute; top:1590px; left:850px; bottom:-465px; right:850px; }
#a33 { position:absolute; top:1645px; left:850px; bottom:-520px; right:850px; }



</style>
</head>
<body>





<div id="a1"><h2 align="center">Lebenslauf</h2></div>
<div id="a2"><h4 align="center">Vor- Nachname :</h4></div>
<div id="a3"><h4 align="center">Adresse :</h4></div>
<div id="a4"><h4 align="center">Ort :</h4></div>
<div id="a5"><h4 align="center">Geburtsdatum :</h4></div>
<div id="a6"><h4 align="center">Geburtsort :</h4></div>
<div id="a7"><h4 align="center">Staatsangehörigkeit :</h4></div>
<div id="a8"><h4 align="center">Familienstand :</h4> </div>


<div id="a9"><h4 align="center">Schulausbildung :</h4> :</div>

<div id="a10"><h4 align="center">1998 - 2005</h4></div>
<div id="a11"><h4 align="center">2005 - 2007</h4></div>
<div id="a12"><h4 align="center">2007 - 2009</h4></div>
<div id="a13"><h4 align="center">2009 - 2011</h4></div>

<div id="a14"><h4 align="center">2011 - 2012</h4></div>
<div id="a15"><h4 align="center">2012 - 2013</h4></div>



<div id="a16"><h5 align="center">-</h5></div>
<div id="a17"><h5 align="center">-</h5></div>
<div id="a18"><h5 align="center">-</h5></div>
<div id="a19"><h5 align="center">10.01.1994 </h5></div>
<div id="a20"><h5 align="center">-</h5></div>
<div id="a21"><h5 align="center">-</h5></div>
<div id="a22"><h5 align="center">Ledig </h5></div>

<div id="a23"><h5 align="center">-</h5></div>
<div id="a24"><h5 align="center">- </h5></div>
<div id="a25"><h5 align="center">-</h5></div>
<div id="a26"><h5 align="center">-</h5></div>

<div id="a27"><h5 align="center">- </h5></div>
<div id="a28"><h5 align="center">- </h5></div>



<div id="a29"><h4 align="center">Hobbys :</h4></div>



<div id="a30"><h5 align="center">Fußball spielen (seit 1998) </h5></div>
<div id="a31"><h5 align="center">Fitness treiben (seit 2013) </h5></div>
<div id="a32"><h5 align="center">mich mit dem Computer beschäftigen </h5></div>
<div id="a33"><h5 align="center">mit Freunden oder Familie reisen </h5></div>











</body></html>

ich hoffe ich habe es möglichst klar gemacht was mein Problem ist .. /: .
Danke schonmal im voraus !

mfG

bdt600 · 30 April 2014

Was du da hast, ist ein großer Haufen Müll, den du entsorgen kannst. So einen HTML-Code würde ich keinem Ausbilder vorlegen.

Wenn ich das richtig verstehe, willst du online die Daten ändern bzw. löschen. Das geht mit HTML nicht, dazu brauchst du eine serverseitige Scriptsprache w.z.B. PHP.

scbawik · 30 April 2014

mason94 schrieb:

Hallo !
Ich habe zurzeit eine Ausbildung als Fachinformatiker für Softwareentwicklung.
Da ich neu angefangen habe, habe ich wenig Wissen über scripten. Ich suche verzweifelt seit 3 std nach ner Lösung, doch ohne Erfolg...

Aufgaben die ich erledigt hab :

[X] mein Lebenslauf als HTML schreiben

[X] Auswahlliste hinzufügen

Aufgaben die mir gerade sehr viele Probleme bereiten :

[] Ich muss in der Lage sein, meine schulischen Ausbildungen zu erweitern. Sprich, neue Leiste hinzufügen, löschen oder editieren die genauso aussehen wie die vorherigen. Die Abstände müssen synchron sein.. und all das muss in der HTML Seite machbar sein. Also nicht im EDITOR wo die scripten stehen. (hoffe ihr versteht mich).

[] Es muss eine Verbindung zwischen der Auswahlliste und meinem Lebenslauf sein, damit ich von der Liste bearbeiten kann.

Dies ist mein Traumjob, ich will es nicht verlieren. Also bitte erklärt mir auch wie das machbar ist, damit ich beim nächsten Mal bescheid weiß !

hier sind die scripten :

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<html>
<head>
<style type="text/css">
</style>










<body>
<table border="0" cellpadding="5" cellspacing="1">
<table style="position:absolute; top:717px; left:130px; bottom:210px; right:1750px;">
    <tr>
    <td align="right" valign="top"></td>
      <td>
      <select name="Schulausbildung" class="Auswahl" size="1">
        <option value="???">Bitte Auswählen !</option>
        <option value="???">???</option>
        <option value="???</option>
        <option value="???</option>
        <option value="???">???</option>
        <option value="???">???</option>
        <option value="???">???</option>
      </select>
      </td>
    </tr>

  </table>
</form>







  <table border="0" cellpadding="5" cellspacing="1">
<table style="position:absolute; top:1441px; left:70px; bottom:-355px; right:1750px;">
    <tr>
    <td align="right" valign="top"></td>
      <td>
      <select name="Hobbys" class="Auswahl" size="1">
        <option value="">Bitte Auswählen !</option>
        <option value="???</option>
        <option value="???</option>
        <option value="???">???</option>
        <option value="???">???</option>
      </select>
      </td>
    </tr>

  </table>
</form>


<html>
<head>
<title>Lebenslauf</title>
<style type="text/css">












#a1 { position:absolute; top:10px; left:750px; bottom:900px; right:750px; }


#a2 { position:absolute; top:160px; left:0px; bottom:760px; right:1750px; }
#a3 { position:absolute; top:215px; left:0px; bottom:705px; right:1750px; }
#a4 { position:absolute; top:270px; left:0px; bottom:650px; right:1750px; }
#a5 { position:absolute; top:325px; left:0px; bottom:595px; right:1750px; }
#a6 { position:absolute; top:380px; left:0px; bottom:540px; right:1750px; }
#a7 { position:absolute; top:435px; left:0px; bottom:485px; right:1750px; }
#a8 { position:absolute; top:490px; left:0px; bottom:430px; right:1750px; }


#a9 { position:absolute; top:700px; left:0px; bottom:210px; right:1750px; }



#a10 { position:absolute; top:900px; left:0px; bottom:20px; right:1750px; }
#a11 { position:absolute; top:955px; left:0px; bottom:-35px; right:1750px; }
#a12 { position:absolute; top:1010px; left:0px; bottom:-90px; right:1750px; }
#a13 { position:absolute; top:1065px; left:0px; bottom:-145px; right:1750px; }


#a14 { position:absolute; top:1170px; left:0px; bottom:-250px; right:1750px; }
#a15 { position:absolute; top:1225px; left:0px; bottom:-305px; right:1750px; }




#a16 { position:absolute; top:160px; left:850px; bottom:760px; right:850px; }
#a17 { position:absolute; top:215px; left:850px; bottom:705px; right:850px; }
#a18 { position:absolute; top:270px; left:850px; bottom:650px; right:850px; }
#a19 { position:absolute; top:325px; left:850px; bottom:595px; right:850px; }
#a20 { position:absolute; top:380px; left:850px; bottom:540px; right:850px; }
#a21 { position:absolute; top:435px; left:850px; bottom:485px; right:850px; }
#a22 { position:absolute; top:490px; left:850px; bottom:430px; right:850px; }


#a23 { position:absolute; top:900px; left:850px; bottom:20px; right:850px; }
#a24 { position:absolute; top:955px; left:850px; bottom:-35px; right:850px; }
#a25 { position:absolute; top:1010px; left:850px; bottom:-90px; right:850px; }
#a26 { position:absolute; top:1065px; left:850px; bottom:-145px; right:850px; }


#a27 { position:absolute; top:1170px; left:850px; bottom:-250px; right:850px; }
#a28 { position:absolute; top:1225px; left:850px; bottom:-305px; right:850px; }

#a29 { position:absolute; top:1425px; left:-60px; bottom:-355px; right:1750px; }

#a30 { position:absolute; top:1480px; left:850px; bottom:-355px; right:850px; }
#a31 { position:absolute; top:1535px; left:850px; bottom:-410px; right:850px; }
#a32 { position:absolute; top:1590px; left:850px; bottom:-465px; right:850px; }
#a33 { position:absolute; top:1645px; left:850px; bottom:-520px; right:850px; }



</style>
</head>
<body>





<div id="a1"><h2 align="center">Lebenslauf</h2></div>
<div id="a2"><h4 align="center">Vor- Nachname :</h4></div>
<div id="a3"><h4 align="center">Adresse :</h4></div>
<div id="a4"><h4 align="center">Ort :</h4></div>
<div id="a5"><h4 align="center">Geburtsdatum :</h4></div>
<div id="a6"><h4 align="center">Geburtsort :</h4></div>
<div id="a7"><h4 align="center">Staatsangehörigkeit :</h4></div>
<div id="a8"><h4 align="center">Familienstand :</h4> </div>


<div id="a9"><h4 align="center">Schulausbildung :</h4> :</div>

<div id="a10"><h4 align="center">1998 - 2005</h4></div>
<div id="a11"><h4 align="center">2005 - 2007</h4></div>
<div id="a12"><h4 align="center">2007 - 2009</h4></div>
<div id="a13"><h4 align="center">2009 - 2011</h4></div>

<div id="a14"><h4 align="center">2011 - 2012</h4></div>
<div id="a15"><h4 align="center">2012 - 2013</h4></div>



<div id="a16"><h5 align="center">-</h5></div>
<div id="a17"><h5 align="center">-</h5></div>
<div id="a18"><h5 align="center">-</h5></div>
<div id="a19"><h5 align="center">10.01.1994 </h5></div>
<div id="a20"><h5 align="center">-</h5></div>
<div id="a21"><h5 align="center">-</h5></div>
<div id="a22"><h5 align="center">Ledig </h5></div>

<div id="a23"><h5 align="center">-</h5></div>
<div id="a24"><h5 align="center">- </h5></div>
<div id="a25"><h5 align="center">-</h5></div>
<div id="a26"><h5 align="center">-</h5></div>

<div id="a27"><h5 align="center">- </h5></div>
<div id="a28"><h5 align="center">- </h5></div>



<div id="a29"><h4 align="center">Hobbys :</h4></div>



<div id="a30"><h5 align="center">Fußball spielen (seit 1998) </h5></div>
<div id="a31"><h5 align="center">Fitness treiben (seit 2013) </h5></div>
<div id="a32"><h5 align="center">mich mit dem Computer beschäftigen </h5></div>
<div id="a33"><h5 align="center">mit Freunden oder Familie reisen </h5></div>











</body></html>

ich hoffe ich habe es möglichst klar gemacht was mein Problem ist .. /: .
Danke schonmal im voraus !

mfG

Wie @bdt600 schon gesagt hast, das kannst du direkt wegschmeißen - das hat nichts mit HTML zu tun, das ist ein einziges Zeichen-Wirrwarr.
Dementsprechend kann dir auch niemand hier helfen.
Wenn das dein Traumjob ist, dann solltest du dich auch genauer mit dem Thema beschäftigen.
Du solltest noch mal bei 0 anfangen.

Chronos · 30 April 2014

bdt600 schrieb:
Was du da hast, ist ein großer Haufen Müll, den du entsorgen kannst. So einen HTML-Code würde ich keinem Ausbilder vorlegen.

Wenn ich das richtig verstehe, willst du online die Daten ändern bzw. löschen. Das geht mit HTML nicht, dazu brauchst du eine serverseitige Scriptsprache w.z.B. PHP.

Er macht das um es zu lernen. Finde deine Wortwahl daher auch etwas unangebracht.
Dennoch hat er recht, schau dir noch mal die Grundlagen im Detail an und mach den ersten Teil deiner Aufgabe noch einmal richtig.

Um neue Daten dauerhaft zu ändern, hinzuzufügen brauchst du in der Tat eine serverseitige Sprache wie PHP - willst du hingegen nur temporär etwas ändern und hinzufügen bietet sich JavaScript an.

Für dich direkt noch ein Tipp: Titel in Foren schreibt man nicht komplett groß, das macht man einfach nicht ;)
Setz dich einfach noch mal mit deinem Ausbilder zusammen, sprecht darüber und dann wird das auch was.

mason94 · 30 April 2014

Danke für die Antworten !
@bdt600 wie gesagt, bin ein Neuling.. brauchst mich nicht noch mehr fertig machen.
@scbawik wird gemacht /:
@Chronos Danke Chronos.. Hoffe der Ausbilder versteht mich. Bin erst seit 3 Tagen dran, davor hatte ich absolut nichts mit scripten am hut !

bdt600 · 30 April 2014

mason94 schrieb:
wie gesagt, bin ein Neuling.. brauchst mich nicht noch mehr fertig machen.

Ich will dich doch nicht fertig machen! Ich habe nur unmissverständlich ausgedrückt, dass dein HTML-Code eine Katastrophe ist und es ist doch besser, wenn du das gleich am Anfang hörst, bevor du da noch mehr Zeit reinsteckst und dann alles neu machen kannst.

Chronos · 30 April 2014

mason94 schrieb:
@Chronos Danke Chronos.. Hoffe der Ausbilder versteht mich. Bin erst seit 3 Tagen dran, davor hatte ich absolut nichts mit scripten am hut !

Wird er schon, zeig einfach das du dir Mühe gibst und frag wenn du etwas nicht verstehst - da wird dir niemand den Kopf abreißen (auch wir nicht).
Nach 3 Tagen sah mein Zeug auch nicht unbedingt besser aus ;) - wie gesagt guck dir die Grundlagen an und dann wird das auch was.

Tronjer · 30 April 2014

mason94 schrieb:
Hoffe der Ausbilder versteht mich. Bin erst seit 3 Tagen dran, davor hatte ich absolut nichts mit scripten am hut !

Das wird dein späterer Job, und dazu gehört auch, selbständig mit Hilfe von Google Lösungen zu erarbeiten. ;)

Ein paar Tipps:
- HTML5 Doctype verwenden.
- Styles entweder in einer verlinkten CSS Datei oder im Style-Container im Head ablegen, aber nicht in die HTM-Tags schreiben.
- Die Attribute align und v-align gibt es nicht mehr. Um etwas zu zentrieren nimmt man margin: auto und text-align: center.
- Vermeide redundantes CSS in dem du neben IDs auch Klassen verwendest. In deinem Script gibt es viele IDs, welche identische Werte für position, left und right haben und sich lediglich bei top und bottom unterscheiden. Das kann man auch so schreiben:

HTML:

.meine-css-klasse {
  position: absolute;
  left: 0px;
  right: 1750px;
}

#a2 {
  top: 160px;
  bottom: 760px;
}
<div class="meine-css-klasse" id="a2">......</div>

- Um Elemente nebeneinander zu positionieren, verwendet man besser float anstatt von position:absolute.

Wenn du dein Script nach obigen Ratschlägen änderst, ist es immer noch sehr amateurhaft aber wenigstens nicht mehr ganz so gruselig.

mason94 · 30 April 2014

@Tronjer danke für deine Ratschläge, werds mir merken ! :)

Wenn du dein Script nach obigen Ratschlägen änderst, ist es immer noch sehr amateurhaft aber wenigstens nicht mehr ganz so gruselig

So gruselig ist doch auch wieder nicht oder

?
Immerhin hat es mir 2 Tage an Arbeitszeit geraubt :(

bdt600 · 30 April 2014

mason94 schrieb:
So gruselig ist doch auch wieder nicht oder ?

Ganz ehrlich? Leider ist das gruslig

Tronjer · 30 April 2014

mason94 schrieb:
@Tronjer danke für deine Ratschläge, werds mir merken ! :)

So gruselig ist doch auch wieder nicht oder ?
Immerhin hat es mir 2 Tage an Arbeitszeit geraubt :(

Schau dir diesen Thread in deinem dritten Ausbildungsjahr nochmal an. Dann wirst du verstehen, was ich meine. ;)

BRAUCHE HILFE BEIM SCRIPTEN!!!

mason94

Neues Mitglied

bdt600

Guest

scbawik

Senior HTML'ler

Chronos

Aktives Mitglied

mason94

Neues Mitglied

bdt600

Guest

Chronos

Aktives Mitglied

Tronjer

Senior HTML'ler

mason94

Neues Mitglied

bdt600

Guest

Tronjer

Senior HTML'ler

Neueste Beiträge