manufacturers.php | Dropdown-Elemente per jquery ändern

[heinz007]

Hallo,

habt Ihr eine Idee wie ich das hier umsetzen kann?

[ Für Gäste sind keine Dateianhänge sichtbar ]

da man mit css keine dropdown-felder, radio-buttons und checkboxen verändern kann
habe ich versucht das mit jquery darzustellen.
Ich habe ein Beispiel und versuche das gerade auf den Olineshop anzuwenden bzw. einzubauen.

Nun der Haken ich komme nicht weiter welche Daten ich verändern muss:

Ist es eventuell in der /inc/xtc_draw_pull_down_menu.inc.php

Ich hoffe Ihr habt einen Tipp für mich.



Linkback: https://www.modified-shop.org/forum/index.php?topic=20066.0

[Matt]

Es gibt dafür fertige Lösungen wie z.B. http://uniformjs.com/. Da kannst du dir ja abschauen, wie es realisiert ist.

[heinz007]

Vielen Dank.
Ich habe alles so eingebaut wie beschrieben aber es klappt leider nicht.

general.css.php

Code: PHP  [Auswählen]

<link rel="stylesheet" href="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/css/uniform.default.css" type="text/css" media="screen" charset="utf-8" />

general.js.php

Code: PHP  [Auswählen]

<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.uniform.min.js" type="text/javascript"></script>

Code: PHP  [Auswählen]

<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.uniform.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
  $(function(){
    $("select, input:checkbox, input:radio, input:file").uniform();
  });
</script>

-Bilder in den Ordner /templates/xtc5/images
-javascript-Dateien in den Ordner /templates/xtc5/javascript
-css Datei in den Ordner /templates/xtc5/css

Ich steh echt auf dem Schlauch, was muss ich jetzt noch machen ?

[Matt]

Die Referenz von den CSS-Dateien auf die Bilder stimmt auch? Fehlerkonsole ist hier eine große Hilfe.

[heinz007]

Ja ich habe es einmal so:

Code: CSS  [Auswählen]

div.button span {
  background-image: url(images/sprite.png);

getestet und so:

Code: CSS  [Auswählen]

div.button span {
  background-image: url(../images/sprite.png);

Fehlerkonsole gibt 2 gleiche Fehler aus.

Zeitstempel: 16.05.2012 14:38:48
Fehler: attempt to run compile-and-go script on a cleared scope
Quelldatei: http://www.gutefrage.net/js/jquery/jQuery.min.js?1337070317
Zeile: 4

Zeitstempel: 16.05.2012 14:38:48
Fehler: attempt to run compile-and-go script on a cleared scope
Quelldatei: http://www.gutefrage.net/js/jquery/jQuery.min.js?1337070317
Zeile: 4

[Matt]

gutefrage.net ist jetzt kein xt:C Shop. Warum bindest du von dort das jQuery ein? Unabhängig davon: Cache geleert? Schließlich fällt dieser Lösungsvorschlag aus Google als erstes raus, wenn man nach 'attempt to run compile-and-go script on a cleared scope' sucht.

[heinz007]

Juhu habe es hinbekommen.
jquery binde ich eigentlich nicht von dort ein.
Es war folgendes Porblem in der general.js.php:

Der Aufruf für das "jquery zoom" stand zuerst habe nun das script für das "jquery select"
davor gesetzt und nun geht es.

Habe die ganze Zeit auf der index.php geschaut bin dann auf einen Artikel und sah das dort
die Hersteller-Box richtig dargestellt wird und bin dann darauf gekommen

[jannemann]

Hallo heinz007,

würdest du der Community deine Lösung noch zur Verfügung stellen?

Schöne Grüße,
Jan

[heinz007]

VORHER:

Code: PHP  [Auswählen]

<?php
if (strstr($PHP_SELF, FILENAME_PRODUCT_INFO )) {
?>
<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript">
        $(function() {
                $("#tabbed_product_info").tabs();
                $("#accordion_product_info").accordion({ autoHeight: false });
        });    
</script>
<script type="text/javascript" charset="utf-8">
        $(function(){
        $("input, textarea, select, button").uniform();
      });  
</script>
<noscript>
        <link rel="stylesheet" href="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/css/no_javascript.css" type="text/css" media="screen" />
</noscript>
<link rel="stylesheet" href="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jqzoom.css" type="text/css" media="screen" />
<?php

}
?>
<?php// EOF - web28 - 2010-07-09 - TABS/ACCORDION in product_info ?>

NACHHER:

Code: PHP  [Auswählen]

<script type="text/javascript" charset="utf-8">
        $(function(){
        $("input, textarea, select, button").uniform();
      });  
</script>
<?php
if (strstr($PHP_SELF, FILENAME_PRODUCT_INFO )) {
?>
<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript">
        $(function() {
                $("#tabbed_product_info").tabs();
                $("#accordion_product_info").accordion({ autoHeight: false });
        });    
</script>
<noscript>
        <link rel="stylesheet" href="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/css/no_javascript.css" type="text/css" media="screen" />
</noscript>
<link rel="stylesheet" href="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jqzoom.css" type="text/css" media="screen" />
<?php

}
?>
<?php// EOF - web28 - 2010-07-09 - TABS/ACCORDION in product_info ?>