CCK Field Poll mit Javascript
Eingetragen von Delta (16)am 22.12.2009 - 21:11 Uhr in
Moin Moin,
ich bastle gerade an einem neuem Inhaltstyp.
Ich habe nun ein CCK Field Poll gemacht, welches 3 Werte annhemen kann [k.A][Innen][Außen]
nun möchte ich, sobald man sich für Innen, Außen oder k.A entscheidet, ein Bild daneben anzeigt.
Doch leider weis ich nicht wie ich es mit JavaScript ansprechen soll.
Könnte mir da jemand helfen?
Wäre echt klasse
MfG
Delta
- Anmelden oder Registrieren um Kommentare zu schreiben
jQuery
am 25.12.2009 - 10:52 Uhr
Hi
kommst du mit jquery klar?
Du könntest zB. irgendwo im System Bilder ablegen oder ein Imagefield in den Node bringen. Dann schaust du, welche Auswahlmöglichkeiten vorhanden sind, registrierst auf die radio Buttons einen zusätzlichen Klick event und ergänzt das DOM um die Bilder.
Viel genauer kann man das erstmal nicht sagen sonst bräuchte man schon ein Beispiel und ein wenig Zeit.
---
Viele Grüße,
Kars-T
| comm-press
Ok einen Ansatz habe
am 26.12.2009 - 02:35 Uhr
Ok einen Ansatz habe ich.
Ich versuche es anzusprechen, mittels:
<?php $form['field_ns_game'][0]['value']['#attributes'] = array('onClick' => 'getpic()'); ?>jedoch kommt nichts, was mache ich schon wieder falsch ? :(
- Danke schonmaö für die Hilfe, jQuery warn guter Begriff ;-)
Das ist JS von vor ca. 9
am 26.12.2009 - 10:57 Uhr
Das ist JS von vor ca. 9 Jahren ;)
Schau dir mal an, wie das mit JQuery läuft:
http://docs.jquery.com/Tutorials:How_jQuery_Works
Das geht viel viel leichter.
Und dann benutze http://api.drupal.org/api/function/drupal_add_js/6 um das Script auf die Seite zu bekommen.
---
Viele Grüße,
Kars-T
| comm-press
Ok wunderbar, habs
am 07.02.2010 - 09:38 Uhr
Ok wunderbar, habs hinbekommen, danke.
zum einbinden (nicht gerade ideal aber es geht =) )
<script type="text/javascript" src="<?php print base_path() . '/themes/garland/getpic.js'; ?>"></script>getpic.js
$(document).ready(function(){
$(this).find("input:radio[id='edit-field-ns-game-value-innen']").click(function() {
$("#gamepicimg").attr('src', 'http://www.international-gaming.de/test/drupal/themes/garland/images/innen.png');
});
$(this).find("input:radio[id='edit-field-ns-game-value-außen']").click(function() {
$("#gamepicimg").attr('src', 'http://www.international-gaming.de/test/drupal/themes/garland/images/außen.png');
});
});
in meiner template.php steht folgendes am schluss:
function garland_theme($existing, $type, $theme, $path) {return array('activityr_node_form' => array('arguments' => array('form' => NULL),'template' => 'node-activity-edit'));
}
meine node-activity-edit.tpl.php hat folgendes:
<script type="text/javascript" src="<?php print base_path() . '/themes/garland/getpic.js'; ?>"></script>
<div style="font-size:18px"><b>Info</b></div>
<table border="0" cellspacing="0" cellpadding="0">
<tr height="65" style="height:65px">
<td height="65" style="height:65px"><div> <?php print drupal_render($form['field_info']); ?> </div></td>
<td height="65" style="height:65px"> </td>
</tr>
<tr height="65" style="height:65px">
<td height="65" style="height:65px"><div align="left"><?php print drupal_render($form['field_ort']); ?></div></td>
<td height="65" style="height:65px"><div align="left"><?php print drupal_render($form['field_zusatz']); ?></div></td>
</tr>
<tr height="65" style="height:65px">
<td height="65" style="height:65px"><div align="left"><?php print drupal_render($form['field_link']); ?></div></td>
<td height="65" style="height:65px"> </td>
</tr>
</table>
<div style="font-size:18px"><b>Aktivität</b></div>
<table border="0" cellspacing="0" cellpadding="0">
<tr height="65" style="height:65px">
<td height="65" style="height:65px"><div> <?php print drupal_render($form['field_activity']); ?> </div></td>
<td height="65" style="height:65px"> </td>
<td height="65" style="height:65px"> </td>
</tr>
</table>
<div class="form-buttons">
<?php print drupal_render($form['buttons']); ?>
</div>
MfG
Delta