tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
1
ZUGRIFFE
215
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 07.10.11 21:48 #1
    Kalito Kalito ist offline Mitglied Brokat
    Registriert seit
    Aug 2010
    Ort
    Leipzig
    Beiträge
    380
    Hallo,

    ich habe mir die scriptaculus-js ordner runtergeladen und möchte damit ein Auswahlfenster über ein Bild schieben.

    So wenn ich mein Script local teste funktioniert alles einwandfrei. Wenn ich es aber auf dem Server probiere, scheint die scriptaculous.js nicht zu greifen, obwohl die versionen Lokal und Server eins zu eins identisch sind. Wenn ich die Linksm die auf die js-Resourchen verweisen, teste, dann funktionieren die auch.

    hier noch der Code:
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92

    <script src="http://test.de/Script/vz/include/js/bildbearbeitung/prototype.js" type="text/javascript"></script>
<script src="http://test.de/Script/vz/include/js/bildbearbeitung/scriptaculous.js" type="text/javascript"></script>
<script src="http://test.de/Script/vz/include/js/bildbearbeitung/cropper.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
        function onEndCrop( coords, dimensions ) {
            $( 'x1' ).value = coords.x1;
            $( 'y1' ).value = coords.y1;
            $( 'x2' ).value = coords.x2;
            $( 'y2' ).value = coords.y2;
            $( 'width' ).value = dimensions.width;
            $( 'height' ).value = dimensions.height;
        }
 
        // example with a preview of crop results, must have minimumm dimensions
        Event.observe(
            window,
            'load',
            function() {
                new Cropper.ImgWithPreview(
                    'testImage',
                    {
                        minWidth: 100,
                        minHeight: 150,
                        ratioDim: { x: 100, y: 150 },
                        displayOnInit: true,
                        onEndCrop: onEndCrop,
                        previewWrap: 'previewArea'
                    }
                )
            }
        );
    </script>
    <style type="text/css">
        label {
            clear: left;
            margin-left: 50px;
            float: left;
            font-size: 12px;
 
        }
 
        #testWrap {
            width: 500px;
            float: left;
            margin: 20px 0 0 50px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
        }
 
        #previewArea {
            margin: 20px 0 0 20px;
            float: left;
        }
 
        #results {
            clear: both;
        }
    </style>
</head>
<body>
    <br /><br />
 
    <div id="testWrap">
        <img src="test.jpg" alt="test image" id="testImage"/>
    </div>
 
    <div id="previewArea"></div>
 
    <div id="results">
        <p>
            <label for="x1">x1:</label>
            <input type="text" name="x1" id="x1" />
        </p>
        <p>
            <label for="y1">y1:</label>
            <input type="text" name="y1" id="y1" />
        </p>
        <p>
            <label for="x2">x2:</label>
            <input type="text" name="x2" id="x2" />
        </p>
        <p>
            <label for="y2">y2:</label>
            <input type="text" name="y2" id="y2" />
        </p>
        <p>
            <label for="width">width:</label>
            <input type="text" name="width" id="width" />
        </p>
        <p>
            <label for="height">height</label>
            <input type="text" name="height" id="height" />
        </p>
    </div>

    Nachtrag: Wenn ich lokal die Onlineresourcen nehme, dann klappt es da auch nicht
     
    Ich bin keine Signatur! - Auch wenn`s so aussieht :) - Wirklich!

    Über ein Danke freut sich jeder
    Zitieren Zitieren
  2. 10.10.11 11:15 #2
    Avatar von esenay
    esenay esenay ist offline Mitglied Bronze
    Registriert seit
    Apr 2005
    Ort
    Nürnberg
    Beiträge
    42
    Hi, versuche es mit relativen Pfadangaben (ausgehend von deiner html-Datei). Vermutlich werden die Sachen einfach nicht gefunden.
     
    Zitieren Zitieren
« jquery ie8 slideToggle und das Nachrutschen folgdender Div-Elemente | dynamischer Content - Ausführungsprobleme von JS beim Nachladen »

Ähnliche Themen

  1. einzelne form funktioniert funktioniert nicht
    Von JBJHJM im Forum HTML & XHTML
    Antworten: 0
    Letzter Beitrag: 05.04.11, 16:54
  2. Scriptaculous: sortable.create | Funktioniert nicht nach JS-Aktualisierung der Liste
    Von 27apricot im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 14.04.09, 11:23
  3. Scriptaculous & jQuery
    Von maarian im Forum Javascript & Ajax
    Antworten: 6
    Letzter Beitrag: 04.04.09, 17:53
  4. Verwirrung: Build-Release funktioniert nicht mehr, Debug funktioniert
    Von Jobless im Forum Java
    Antworten: 1
    Letzter Beitrag: 15.01.07, 15:58
  5. Probleme mit scriptaculous
    Von tobee im Forum CSS
    Antworten: 4
    Letzter Beitrag: 21.07.06, 15:01