Seite 6 von 11 ErsteErste 1234567891011 LetzteLetzte
Ergebnis 76 bis 90 von 152
  1. #76
    bis
    bis ist offline Routinier
    registriert
    09-09-2009
    Beiträge
    459

    AW: Image maps/areas - Unterschiede IE / FF

    Das kann m.E. nicht ganz so stimmen, denn mind. appendAfter fügt das Html zwar auch in IE ein, schaltet aber falsch zusätzliche div Knoten dazwischen, so daß es am Ende nicht funtioniert.

    Und von alle dem steht in der 3.1 Doku NullKommaJosef!

  2. #77
    tsseh ist offline Foren-Gott
    registriert
    19-05-2008
    Beiträge
    5.667

    AW: Image maps/areas - Unterschiede IE / FF

    Zitat Zitat von hesst Beitrag anzeigen
    und htmlAll ist valide?
    blöde frage. ist es natürlich nicht. du versuchst etwas in ein img- element zu stecken? das geht nicht. nicht valides html.

    Zitat Zitat von bis Beitrag anzeigen
    Das kann m.E. nicht ganz so stimmen, denn mind. appendAfter fügt das Html zwar auch in IE ein, schaltet aber falsch zusätzliche div Knoten dazwischen, so daß es am Ende nicht funtioniert.
    ???

  3. #78
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.751

    AW: Image maps/areas - Unterschiede IE / FF

    Deswegen macht man sowas auch nicht über ein Framework, sondern mit nativen JS - da weis man, was man tut.
    Aber... mach' doch mal ein Minimalbeispiel, damit wir sehen können, was GENAU das Problem ist. Denn ich hoffe doch, dass ExtJS nicht versucht die map in ein table, tbody oder tr zu packen.
    Denn das das Ganze funktionieren kann siehst du ja an meinem kleinem Bsp.

  4. #79
    tsseh ist offline Foren-Gott
    registriert
    19-05-2008
    Beiträge
    5.667

    AW: Image maps/areas - Unterschiede IE / FF

    na jetzt gerade versucht er was auch immer in ein img-objekt einzufüghen.
    der ie lässt nur validen code über innerHTML zu.

  5. #80
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.751

    AW: Image maps/areas - Unterschiede IE / FF

    Wenn er das tut, dann darf er aber nicht über den IE schimpfen - das ist ja totaler Schwachsinn.
    Ich persönlich finde es ja nicht so schlecht, dass der IE einen da zwingt valide zu arbeiten.
    Aber, wie gesagt, ohne konkretes Bsp. redet man hier total aneinander vorbei.

  6. #81
    bis
    bis ist offline Routinier
    registriert
    09-09-2009
    Beiträge
    459

    AW: Image maps/areas - Unterschiede IE / FF

    Zitat Zitat von hesst Beitrag anzeigen
    na jetzt gerade versucht er was auch immer in ein img-objekt einzufüghen.
    der ie lässt nur validen code über innerHTML zu.
    Also, ich tue es mir nicht an, in absolut und total undokumentierte Ext Quellen zu sehen (bei 3.0 waren noch ein paar Kommentare drin, bei 3.1 is nix mehr).

    Übrigens werden auch bei FF die map/areas nicht IN das img eingefügt, sondern als Geschwister in einen Knoten runter dem selben super div Knoten. Darum funzt es wohl auch in FF. Nur ist in Ext bei IE eben genau da ein Fehler drin.

    Ext fügt sowieso oft seine eigenen div/Knoten ein.

    Jedenfalls macht appendAfter etwas in IE, aber eben nicht richtig.

    So ich nehm jetzt ne Mütze Schlaf und dann mach ich meine (derzeit letzte mir bekannte) neue Lösung. Theoretisch sollte die klappen. Schau mer mal.

  7. #82
    tsseh ist offline Foren-Gott
    registriert
    19-05-2008
    Beiträge
    5.667

    AW: Image maps/areas - Unterschiede IE / FF

    Zitat Zitat von bis Beitrag anzeigen
    Also, ich tue es mir nicht an, in absolut und total undokumentierte Ext Quellen zu sehen (bei 3.0 waren noch ein paar Kommentare drin, bei 3.1 is nix mehr).
    du hast es immer noch nicht kapiert. das hat nichts mit ext zu tun. ext ruft nur innerhtml auf (was auch sonst) wenn du einen string übergibst.

    Zitat Zitat von bis Beitrag anzeigen
    Übrigens werden auch bei FF die map/areas nicht IN das img eingefügt, sondern als Geschwister in einen Knoten runter dem selben super div Knoten. Darum funzt es wohl auch in FF. Nur ist in Ext bei IE eben genau da ein Fehler drin.
    nein, in diesem fall macht der ie es richtig. wenn man überhaupt von richtig und falsch sprechen kann bei einer nicht standard funktion.

    Zitat Zitat von bis Beitrag anzeigen
    Jedenfalls macht appendAfter etwas in IE, aber eben nicht richtig.
    sagst du.

  8. #83
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: Image maps/areas - Unterschiede IE / FF

    Zitat Zitat von bis Beitrag anzeigen
    Übrigens werden auch bei FF die map/areas nicht IN das img eingefügt, sondern als Geschwister in einen Knoten runter dem selben super div Knoten. Darum funzt es wohl auch in FF. Nur ist in Ext bei IE eben genau da ein Fehler drin.
    Das ist zufall, die useMap ist eine Eigenschaft eines Bildes - kein Knoten! Während die map selber ein HTML Element ist, also ein Knoten, der auch in das Dokument eingegfügt werden muss.

  9. #84
    bis
    bis ist offline Routinier
    registriert
    09-09-2009
    Beiträge
    459

    AW: Image maps/areas - Unterschiede IE / FF

    Zitat Zitat von ein schlauer Beitrag anzeigen
    Das ist zufall, die useMap ist eine Eigenschaft eines Bildes - kein Knoten! Während die map selber ein HTML Element ist, also ein Knoten, der auch in das Dokument eingegfügt werden muss.
    @schlauer
    Um die anderen Leser hier nicht zu verwirren, wäre es nützlich, wenn Du Dich bitte nicht über Ext JS ausläßt, das Du offensichtlich nicht ansatzweise kennst. Natürlich ist useMap kein Knoten. Hat auch niemand behauptet!

    Wie ich weiter oben schrieb, fügt Ext JS diese zusätzlichen Knoten für die map/area Definitionen parallel zum img Element unter dem selben Ober-Knoten ein - und das macht Ext in FF richtig, in IE eben falsch.

    Darum schrieb ich oben dies, wobei das fett / kursiv eingefügte meine Worte präzisiert:

    Übrigens werden von Ext JS auch bei FF die map/areas nicht IN das img eingefügt, sondern als Geschwister in einen Knoten runter dem selben super div Knoten. Darum funzt es wohl auch in FF. Nur ist in Ext bei IE eben genau da ein Fehler drin.
    Und bitte erspar es mir und den anderen Lesern, in Deiner bekannten "schlauen" Art jetzt mit mir darüber diskutieren zu wollen. Ich werde es nicht.

    Guats Nächtle!

  10. #85
    bis
    bis ist offline Routinier
    registriert
    09-09-2009
    Beiträge
    459

    AW: Image maps/areas - Unterschiede IE / FF

    Zitat Zitat von hesst Beitrag anzeigen
    du hast es immer noch nicht kapiert. das hat nichts mit ext zu tun. ext ruft nur innerhtml auf (was auch sonst) wenn du einen string übergibst.
    Falsch, denn Ext behauptet Dinge, die es nicht einhält. Deine Aussage wäre richtig, wenn z.B. in der Doku sinngemäß stünde: "...das macht Ext per innerHtml und deswegen nur soweit möglich...".

    Da steht aber nada, niente, rien du tout, nichts! Generell.

    Zitat Zitat von hesst Beitrag anzeigen
    nein, in diesem fall macht der ie es richtig. wenn man überhaupt von richtig und falsch sprechen kann bei einer nicht standard funktion
    IE schon, nur eben Ext nicht.

    Zitat Zitat von hesst Beitrag anzeigen
    sagst du.
    Also bitte... was soll das? Ich habe das gestern >12 mal getestet in diversen Konstellationen. Kann Dir sogar Screenshots vom DOM zeigen, wenn-de-willst.

  11. #86
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.751

    AW: Image maps/areas - Unterschiede IE / FF

    Mann.. wenn ExtJS hier nicht das tut, was du willst, dann mach's doch nativ - ist nicht schwer und wahrscheinlich auch nicht mehr Code... und du hast die Kontrolle darüber, was gemacht wird. Auch kannst du das dann dokumentieren, wie du willst.

    Dein Problem ist nämlich nicht vorhanden, da die Lösung dir bekannt ist und du sie nur umsetzen musst.

    Auch ist es zur Problemdarstellung in einer Programmiersprache unablässlich CODE zu präsentieren (ein Screenshot der DOM-Struktur ist da überhaupt nicht hilfreich, da nicht gezeigt werden kann, wie dieses DOM zustande kommt).

    Auch Meinungen (die du gerne haben kannst) sind nicht besonders hilfreich - sie verleiten nur dazu, ihnen zu widersprechen. Wenn du deine Zeit nicht vergeuden willst (was du aber anscheinend willst) solltest du dich etwas präziser/fachlicher ausdrücken, wenn du ein Problem hast und hier im Forum es diskutiert/behoben haben willst.

    Auch ist es wenig ratsam Personen, die von der Grundeinstellung dazu geneigt sind dir zu helfen, zu beschimpfen/beleidigen. Auch wenn du nicht "everybodys darling" sein willst sollte man es sich mit Leuten, von denen man etwas will, nicht verscherzen.

    So... das musste jetzt mal raus.

  12. #87
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: Image maps/areas - Unterschiede IE / FF

    Zitat Zitat von bis Beitrag anzeigen
    @schlauer
    Um die anderen Leser hier nicht zu verwirren, wäre es nützlich, wenn Du Dich bitte nicht über Ext JS ausläßt, das Du offensichtlich nicht ansatzweise kennst.
    Nur um deine Großmaul zu stopfen und weil es mich (und ich glaube auch einige andere hier) ankotzt, von dir ständig nur leeres Gewäsch vorgesetzt zu bekommen, habe ich mich hingesetzt und in ca. einer halben Stunde ein funktionierendes Beispiel mit ExtJS gebaut - das ich tatsächlich bis vor einer halben Stunde nicht angefaßt hatte, deshalb ist das Beispiel sicher nicht sauber, z.b. würde ich die Events auch mit ExtJs zuweisen, aber es zeigt wie es gehen könnte.

    Mit einem Beispiel von DIR, hätten wir dir vermutlich innerhalb kürzester Zeit helfen können, so hat's halt dann 3 Tage gedauert. Aber du hast anscheind die Zeit.

    Nebenbei hab ich zumindest ein und vermutlich auch DAS Problem, im IE gelöst. In meinem Beispiel funktioniert die imageMap auch im IE 6. Hier tritt ein altbekanntes Problem des IE auf, der keine Elemente mit Namen in die Collection einordnen, das ist definitiv kein ExtJs Problem.

    JA, ich schwätze schlau daher, weil ich mich lange genug damit beschäftigt habe, während du nur in Javascript kleine Null bist.
    PHP-Code:
    <!doctype html>
    <
    html>
    <
    head>
    <
    meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <
    style type="text/css">
    </
    style>
    <
    link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" />
    <
    script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="ext-3.0.0/ext-all.js"></script>

    <script type="text/javascript">
    Ext.onReady(function(){
        var win = new Ext.Window({
                   applyTo:'hello-win',
                    layout:'fit',
                    width:600,
                    height:400,
                    closeAction:'hide',
                    plain: true,

                    items: new Ext.TabPanel({
                        applyTo: 'hello-tabs',
                        autoTabs:true,
                        activeTab:0,
                        deferredRender:false,
                        border:false
                    }),

                    buttons: [{
                        text:'Submit',
                        disabled:true
                    },{
                        text: 'Close',
                        handler: function(){
                            win.hide();
                        }
                    }]

                    });
          win.show(this);
            createUsemap();

    });
    function createUsemap() {
        var dh = Ext.DomHelper;
        var img = dh.append('out', {
        tag: 'img',
        src: 'bilder/foto1.jpg'
        });
        var IE = /*@cc_on!@*/false; 
        var map = IE ? document.createElement('<map name="dyn">')
        : document.createElement('map');
        map.name = 'dyn';
        
        createArea(map, '0,168,90,183');
        createArea(map, '50,184,90,199');
        createArea(map, '50,200,90,215');
        document.body.appendChild(map);
        img.useMap = '#' + map.name;
    }

    function createArea(map, coords, func) {
        var area = Ext.DomHelper.createDom({
        tag: 'area',
        coords: coords,
        //href: 'javascript:' + coords,
        href: '#',
        shape:'rect'
        });
        area.onclick = function(e){
            alert('ich bin' + coords);
        };
        map.appendChild(area);
        return area;
    }
    </script>
    </head>
    <body >
    <div id="hello-win">    <div class="x-window-header">Hello Dialog</div>
        <div id="hello-tabs">
            <!-- Auto create tab 1 -->
            <div class="x-tab" title="Hello World 1" id="out">
                <p>Hello...</p>
            </div>
        </div>
    </div>
     </body>
    </html> 
    Die Pfade zu ExtJS und dem Bild müssen natürlich angepaßt werden

  13. #88
    tsseh ist offline Foren-Gott
    registriert
    19-05-2008
    Beiträge
    5.667

    AW: Image maps/areas - Unterschiede IE / FF

    Zitat Zitat von bis Beitrag anzeigen
    Falsch, denn Ext behauptet Dinge, die es nicht einhält. Deine Aussage wäre richtig, wenn z.B. in der Doku sinngemäß stünde: "...das macht Ext per innerHtml und deswegen nur soweit möglich...".
    und die stelle habe ich dir schon 2 mal gezeigt.
    Code:
    If useDom is false, then the string is used as innerHTML.
    damit sollte klar sein, das sie diesen mit innerHTML einfügen(wie auch sonst).

    Zitat Zitat von bis Beitrag anzeigen
    Wie ich weiter oben schrieb, fügt Ext JS diese zusätzlichen Knoten für die map/area Definitionen parallel zum img Element unter dem selben Ober-Knoten ein - und das macht Ext in FF richtig, in IE eben falsch.
    wenn du über innerHTML eine map unter/in ein img einfügst, bringt der IE einen fehler und der FF fügt unter das img-objekt 2 child-elemente ein, ein img und die map.
    das macht der ff falsch und der ie richtig.

  14. #89
    tsseh ist offline Foren-Gott
    registriert
    19-05-2008
    Beiträge
    5.667

    AW: Image maps/areas - Unterschiede IE / FF

    Zitat Zitat von ein schlauer Beitrag anzeigen
    Nebenbei hab ich zumindest ein und vermutlich auch DAS Problem, im IE gelöst. In meinem Beispiel funktioniert die imageMap auch im IE 6. Hier tritt ein altbekanntes Problem des IE auf, der keine Elemente mit Namen in die Collection einordnen, das ist definitiv kein ExtJs Problem.
    wobei das auch durch ext beachtet wird(selbst wenn useDom auf true gesetzt ist und damit nicht über innerHTML gegangen wird).
    Code:
    function createUsemap() {
        var dh = Ext.DomHelper;
        dh.useDom=true;
        dh.append('out', [
          {tag: 'img', src: 'http://de.selfhtml.org/html/grafiken/anzeige/karte.png', useMap: '#xxx' },
          {tag: 'map', name: 'xxx', children: [
            {tag: 'area', coords: '0,168,90,183', href: 'www.google.de', shape:'rect' },
            {tag: 'area', coords: '50,184,90,199', href: '#', shape:'rect' },
            {tag: 'area', coords: '50,200,90,215', href: '#', shape:'rect' }
          ]}
        ]);
    }
    funktioniert auch. wobei bis das immer als string übergibt(weil ja über innerhtml gegangen wird).
    Code:
    function createUsemap() {
        var dh = Ext.DomHelper;
        dh.append('out', '<img src="http://de.selfhtml.org/html/grafiken/anzeige/karte.png" useMap="#xxx" />'
                       + '<map name="xxx">'
                       + '  <area coords="0,168,90,183" href="#" shape="rect" />'
                       + '  <area coords="50,184,90,199" href="#" shape="rect" />'
                       + '  <area coords="50,184,90,199" href="#" shape="rect" />'
                       + '</map>'
                 );
        
    }
    Geändert von tsseh (24-01-2010 um 12:11 Uhr)

  15. #90
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: Image maps/areas - Unterschiede IE / FF

    Zitat Zitat von hesst Beitrag anzeigen
    wobei das auch durch ext beachtet wird(selbst wenn useDom auf true gesetzt ist und damit nicht über innerHTML gegangen wird).
    Klasse! Das mit der Verschachteltung, hatte ich gestern Nacht nicht mehr richtig auf die Reihe gekriegt, ich hatte dann irgendwann auch keinen Bock mehr. Aber dachte mir schon, dass da ExtJS wesentlich mehr zu bieten hat.

Ähnliche Themen

  1. Diashow funktioniert nicht
    Von Kathi87 im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 02-01-2010, 23:17
  2. Javascript, Bildanzeige (dynamisch)
    Von Philip31 im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 04-03-2009, 17:12
  3. Komm nicht weiter RECHNER
    Von sinto4minden im Forum JavaScript
    Antworten: 22
    Letzter Beitrag: 10-09-2008, 20:31
  4. Bildabfolge
    Von Header im Forum JavaScript
    Antworten: 13
    Letzter Beitrag: 25-07-2004, 15:41
  5. Bitte um Hilfe !
    Von wibiwibi im Forum Allgemeines
    Antworten: 12
    Letzter Beitrag: 18-09-2002, 13:25

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •