kostenloser Webspace werbefrei: lima-city


bild url an externe javascript Datei übergeben

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    kill-a-teddy

    Kostenloser Webspace von kill-a-teddy

    kill-a-teddy hat kostenlosen Webspace.

    Obwohl java zu den Grundlagen gehört hab ich mich nie näher damit befasst bis jetzt... Und stoße direkt vor das erste Problem, welches Google mir nicht zu lösen vermag.

    Ich hab ein tag/bild">Bild
    <img src="source.bla" alt="" width="" height"">


    und eine javascript datei im head
    <script type="text/javascript" src="javascript.js"></script>



    Jetzt soll bei onload() die Höhe und Breite an die javascript Datei übergeben werden in die funktion image1()


    Wie mache ich das?
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Hallo,

    rufe einfach mit der Onload Funktion deine image1() Funktion auf.

    In der Funktion frägst du dann die Höhe und Breite deines Bildes ab.
    An das Bild kommst du am einfachsten über die ID.

    Bspw:
    <img src="einBild.jpg" alt="einBild" id="image1">

    Mit Javascript greifst du dann so drauf zu:
    einBild = document.getElementByID('image1');

    Ich schätze mal, dass man an die Höhe dann über:
    einBild.offsetHeight kommt

    bzw an die Breite mit:
    einBild.offsetWidth

    Falls das nicht funktionieren sollte, gibt es ja noch Google :)
  4. Autor dieses Themas

    kill-a-teddy

    Kostenloser Webspace von kill-a-teddy

    kill-a-teddy hat kostenlosen Webspace.

    sneppa schrieb:
    Hallo,

    rufe einfach mit der Onload Funktion deine image1() Funktion auf.

    In der Funktion frägst du dann die Höhe und Breite deines Bildes ab.
    An das Bild kommst du am einfachsten über die ID.

    Bspw:
    <img src="einBild.jpg" alt="einBild" id="image1">

    Mit Javascript greifst du dann so drauf zu:
    einBild = document.getElementByID('image1');

    Ich schätze mal, dass man an die Höhe dann über:
    einBild.offsetHeight kommt

    bzw an die Breite mit:
    einBild.offsetWidth

    Falls das nicht funktionieren sollte, gibt es ja noch Google :)



    Danke soweit...

    Ich hab grad mal folgendes probiert, um den ganzen img-tag zu übergeben:

    <img src="einBild.bla" alt="" onload="image1(this.value)">


    Meine Funktion demnach angepasst:

    image1(img){
    var img
    }

    dann mal ausgegeben, um zu schauen ob es funktioniert:
    document.write(img);



    die Ausgabe ist allerdings null, also es wird nichts angezeigt... (Hab dann vorher auch die Funktion aufgerufen)
    <script type="text/javascript">image1()</script>


    Beitrag zuletzt geändert: 23.2.2012 13:36:25 von kill-a-teddy
  5. Was hat jetzt dein Beitrag mit meinem Post zu tun?

    Nicht wirklich viel, wie dem auch sei...
    Die Übergabe des Bildes zur Funktion ist natürlich auch eine Möglichkeit.

    Eine Value hat der Tag img nicht, also ist die auch null!

    <html>
    <head>
    <script type="text/javascript">function imgfunc(i) {alert('Höhe: ' + i.offsetHeight + ' - Breite: '+i.offsetWidth)}</script>
    </head>
    <body>
    <img src="test.jpg" onload="imgfunc(this)">
    </body>
    </html>

    Und natürlich kannst du deinen Javascriptcode auch in eine externe JS ablegen.

    Beitrag zuletzt geändert: 23.2.2012 13:50:06 von sneppa
  6. Autor dieses Themas

    kill-a-teddy

    Kostenloser Webspace von kill-a-teddy

    kill-a-teddy hat kostenlosen Webspace.

    sneppa schrieb:
    Was hat jetzt dein Beitrag mit meinem Post zu tun?

    Nicht wirklich viel, wie dem auch sei...
    Die Übergabe des Bildes zur Funktion ist natürlich auch eine Möglichkeit.

    Eine Value hat der Tag img nicht, also ist die auch null!

    <html>
    <head>
    <script type="text/javascript">function imgfunc(i) {alert('Höhe: ' + i.offsetHeight + ' - Breite: '+i.offsetWidth)}</script>
    </head>
    <body>
    <img src="test.jpg" onload="imgfunc(this)">
    </body>
    </html>

    Und natürlich kannst du deinen Javascriptcode auch in eine externe JS ablegen.



    Das funktioniert schon :P

    Ich will jetzt nur noch die src aus dem image in eine variable speichern...
  7. Wie wäre es mit
    <script type="text/javascript">function imgfunc(i) {alert('SRC: ' + i.src)}</script>
  8. Autor dieses Themas

    kill-a-teddy

    Kostenloser Webspace von kill-a-teddy

    kill-a-teddy hat kostenlosen Webspace.

    sneppa schrieb:
    Wie wäre es mit
    <script type="text/javascript">function imgfunc(i) {alert('SRC: ' + i.src)}</script>


    Danke das hab ich gebraucht. :) Hab es jetzt zu testzwecken so:

    <html>
    <head>
    <script type="text/javascript">function imgfunc(i,url) {alert('Höhe: ' + i.offsetHeight + ' - Breite: '+i.offsetWidth)
    document.write('<img src="');
    document.write(url);
    document.write('">');}</script>
    </head>
    <body>
    <img src="test.jpg" onload="imgfunc(this,src)">
    </body>
    </html>


    Ist zwar absolut sinnlos aber funktioniert :D Ist ja auch nur ein test :P
  9. Was hast du eigentlich genau vor?

    Sieht mir doch ein bisschen durchwuchert aus :D
  10. Autor dieses Themas

    kill-a-teddy

    Kostenloser Webspace von kill-a-teddy

    kill-a-teddy hat kostenlosen Webspace.

    sneppa schrieb:
    Was hast du eigentlich genau vor?

    Sieht mir doch ein bisschen durchwuchert aus :D


    Okay via einem eigenen Quick-Tag soll ein code erzeugt werden, welcher 2 Bilder in mehrere Div's schreibt...
    Zum Beispiel soll jemand
    <flip>
    <img 1 bla bla bla>
    <img 2 bla bla bla>
    </flip>


    schreiben und dann wird automatisch dieser Effekt erzeugt.
    Zusätzlich dazu schreibt eine andere Funktion die Höhe und Breite in den css code und schreibt diesen in den <head> bereicht...


    Aka kurz gesagt: Ein Plug-In :)
  11. Das ist ein Geheimnis :D

    killa ist das für die "API"?
  12. Dann ändere doch in der Funktion das SRC Attribut?
    Das mit dem Write finde ich ziemlich hässlich.

    So wie du dein i.src abrufst kannst du es auch setzen:
    i.src = 'blablubb.jpg';
  13. kill-a-teddy schrieb:
    sneppa schrieb:
    Was hast du eigentlich genau vor?

    Sieht mir doch ein bisschen durchwuchert aus :D


    Okay via einem eigenen Quick-Tag soll ein code erzeugt werden, welcher 2 Bilder in mehrere Div's schreibt...
    Zum Beispiel soll jemand
    <flip>
    <img 1 bla bla bla>
    <img 2 bla bla bla>
    </flip>


    schreiben und dann wird automatisch dieser Effekt erzeugt.
    Zusätzlich dazu schreibt eine andere Funktion die Höhe und Breite in den css code und schreibt diesen in den <head> bereicht...


    Aka kurz gesagt: Ein Plug-In :)


    dir ist aber schon klar das der Tag FLIP nicht offizell exestiert oder? dann müsstest du auch die DOCTYPE neu bzw. die definition mit angeben.

    Bestes beispiel ist Facebook ;) mit ihren eigenen Tags...

    Beitrag zuletzt geändert: 23.2.2012 14:48:22 von dexus85
  14. Autor dieses Themas

    kill-a-teddy

    Kostenloser Webspace von kill-a-teddy

    kill-a-teddy hat kostenlosen Webspace.

    sneppa schrieb:
    Dann ändere doch in der Funktion das SRC Attribut?
    Das mit dem Write finde ich ziemlich hässlich.

    So wie du dein i.src abrufst kannst du es auch setzen:
    i.src = 'blablubb.jpg';


    Geht leider nicht, weil der Code am Ende zwei Bilder beinhalten soll, deshalb bleibt mir nur das document.write()

    dexus85 schrieb:

    dir ist aber schon klar das der Tag FLIP nicht offizell exestiert oder? dann müsstest du auch die DOCTYPE neu bzw. die definition mit angeben.

    Bestes beispiel ist Facebook ;) mit ihren eigenen Tags...



    php preg_match ;)
  15. kill-a-teddy schrieb:
    php preg_match ;)


    haha :D Willst du das öffentlich anbieten? Dann wäre es mit preg_match nicht getan... schließlich hat nicht jeder PHP auf seiner Webseite.
  16. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!