changeset 82:9bc83f9caf40

arnica_slides: prepared for css
author Reimar Bauer <rb.proj AT googlemail DOT com>
date Sat, 07 Jun 2008 21:44:25 +0200
parents c594816f56a5
children efe22edd1887
files data/plugin/action/arnica_slides.py
diffstat 1 files changed, 24 insertions(+), 49 deletions(-) [+]
line wrap: on
line diff
--- a/data/plugin/action/arnica_slides.py	Sat Jun 07 11:37:22 2008 +0200
+++ b/data/plugin/action/arnica_slides.py	Sat Jun 07 21:44:25 2008 +0200
@@ -246,55 +246,30 @@
     this_webnail_list = "".join(["%s%s|" % (url, name) for name in images])
 
     html = '''
-<form name=slideform method="POST">
-   <input type="hidden" name="flag" value="webnail">
-   <input type="hidden" name="webnail_list" value='%(this_webnail_list)s'>
-   <input type="hidden" name="webnail_name" value='%(this_webnail_name)s'>
-   <input type="hidden" name="alias" value='%(this_alias_list)s'>
-   <input type="hidden" name="exif_date" value='%(this_exif_date_list)s'>
-   <BR>
-   <table%(tablestyle)s>
-    <tr>
-     <td style="border-style:none" bgcolor="#C0C0C0"><strong>Slide: </strong></td>
-     <td style="border-style:none" bgcolor="#C0C0C0">
-       <select name="slide" onChange="arnica_change();" >
-         %(option_webnails)s
-       </select>
-     </td>
-     <td style="border-style:none" bgcolor="#C0C0C0">
-      <input type="button" name="slidebutton" onClick="arnica_ap(this.value);" value="Start" title="AutoPlay">
-     </td>
-     <td style="border-style:none" bgcolor="#C0C0C0">
-      <strong>Duration (sec): </strong>
-     </td>
-     <td style="border-style:none" bgcolor="#C0C0C0">
-      <input type="input" name="duration" value="3.0" size="3">
-     </td>
-   </tr>
-   <tr>
-     <td style="border-style:none" colspan="5" align="center" bgcolor="#C0C0C0">
-     <SPAN id="arnica_first_slide"><img src="%(server)s%(htdocs)s/common/arnica/arnica_first_slide.png" onclick="arnica_first_slide();" name="fs"  title="first slide" ></SPAN>
-     <img src="%(server)s%(htdocs)s/common/arnica/arnica_previous.png" onclick="arnica_previous_slide();"  title="previous slide" >
-     <img src="%(server)s%(htdocs)s/common/arnica/arnica_next.png" onClick="arnica_next_slide();"  title="next slide" >
-     <SPAN id="arnica_last_slide"><img src="%(server)s%(htdocs)s/common/arnica/arnica_last_slide.png" onClick="arnica_last_slide();"  title="last slide" ></SPAN>
-     </td>
-   </tr>
-   <tr>
-    <td style="border-style:none" colspan="5" align="center" bgcolor="#C0C0C0">
-     <img src="%(server)s%(this_image)s" name="show">
-    </td>
-   </tr>
-   <tr valign="center">
-    <td style="border-style:none"colspan="5" bgcolor="#C0C0C0" align="left">
-     <P><SPAN id="arnica_alias_text">%(this_alias_text)s</SPAN></P>
-    </td></tr>
-   <tr valign="center">
-    <td style="border-style:none" colspan="5" bgcolor="#C0C0C0" align="left">
-     <P><SPAN id="arnica_exif_date_text">%(this_exif_date_text)s</SPAN></P>
-    </td>
-  </tr>
-</table>
-</form>
+<div class="arnica">
+<form name=slideform method="POST"><div>
+<input type="hidden" name="flag" value="webnail">
+<input type="hidden" name="webnail_list" value='%(this_webnail_list)s'>
+<input type="hidden" name="webnail_name" value='%(this_webnail_name)s'>
+<input type="hidden" name="alias" value='%(this_alias_list)s'>
+<input type="hidden" name="exif_date" value='%(this_exif_date_list)s'>
+<label>Slide: <select name="slide" onChange="arnica_change();" >
+%(option_webnails)s</select></label>
+<input type="button" name="slidebutton" onClick="arnica_ap(this.value);" value="Start" title="AutoPlay">
+<label>Duration (sec):<input type="input" name="duration" value="3.0" size="3"></label>
+</div></form>
+<div class="arnica_buttons">
+<span id="arnica_first_slide"><img src="%(server)s%(htdocs)s/common/arnica/arnica_first_slide.png" onclick="arnica_first_slide();" name="fs"  title="first slide" ></SPAN>
+<img src="%(server)s%(htdocs)s/common/arnica/arnica_previous.png" onclick="arnica_previous_slide();"  title="previous slide" >
+<img src="%(server)s%(htdocs)s/common/arnica/arnica_next.png" onClick="arnica_next_slide();"  title="next slide" >
+<span id="arnica_last_slide"><img src="%(server)s%(htdocs)s/common/arnica/arnica_last_slide.png" onClick="arnica_last_slide();"  title="last slide" ></SPAN>
+</div>
+<img src="%(server)s%(this_image)s" class="arnica_slide" name="show">
+<div class="arnica_info">
+<p class="arnica_name"><SPAN id="arnica_alias_text">%(this_alias_text)s</p>
+<p class="arnica_date"><SPAN id="arnica_exif_date_text">%(this_exif_date_text)s</p>
+</div>
+</div>
 ''' % {
 "server": request.getQualifiedURL(),
 "htdocs": request.cfg.url_prefix_static,