新书推介:《语义网技术体系》
作者:瞿裕忠,胡伟,程龚
   XML论坛     W3CHINA.ORG讨论区     >>计算机科学论坛<<     SOAChina论坛     Blog     开放翻译计划     新浪微博  
 
  • 首页
  • 登录
  • 注册
  • 软件下载
  • 资料下载
  • 核心成员
  • 帮助
  •   Add to Google

    >> 本版讨论SVG, GML, X3D, VRML, VML, XAML, AVALON, Batik等基于XML的图形技术,以及有关GIS的应用。
    [返回] 计算机科学论坛XML.ORG.CN讨论区 - 高级XML应用『 SVG/GML/VRML/X3D/XAML 』 → 关于jsp与SVG中变量引用的问题,急! 查看新帖用户列表

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 3737 个阅读者  浏览上一篇主题  刷新本主题   树形显示贴子 浏览下一篇主题
     * 贴子主题: 关于jsp与SVG中变量引用的问题,急! 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     kerons 帅哥哟,离线,有人找我吗?
      
      
      等级:大一(猛啃高等数学)
      文章:26
      积分:139
      门派:XML.ORG.CN
      注册:2005/3/11

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给kerons发送一个短消息 把kerons加入好友 查看kerons的个人资料 搜索kerons在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看kerons的博客楼主
    发贴心情 关于jsp与SVG中变量引用的问题,急!

    我的jsp页面从数据库中取的数据,具体就是SVG图形中RECT的高度,
    下面有两个文件,我想问问:怎么样将jsp里面取到的num的数据用到SVG中的改变高度中去? 是用脚本控制么?怎么样写?

    本人非常急,希望大家帮忙!谢谢
    ex12.jsp

    <%@ page contentType="text/html;charset=gb2312"%>
    <%@ page import="java.sql.*"%>
    <html>
    <body>

    <embed name="id1" pluginspage=http://www.adobe.com/svg/viewer/install/ align="top" src="1.svg" height="1200px" width="1200px" type="image/svg+xml">

    <%
      Class.forName("com.microsoft.jdbc.sqlserver.SQLServerDriver").newInstance();  
       Connection conn= DriverManager.getConnection("jdbc:microsoft:sqlserver://localhost:1433;DatabaseName=date","sa","sa");
      Statement stmt=conn.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_UPDATABLE);
      String sql="select * from record";
      ResultSet rs=stmt.executeQuery(sql);
      String date;
      int num;
    while(rs.next())

      {       date= rs.getString(1);
            //   num 数值要用到svg图象中去,具体就是rect的高
              num=rs.getInt(2);
              out.println("<br>");
             out.println(" "+date+" ");
             out.println(" "+num+" ");
              out.println("</br>");
         }
    %>
    <%out.print("<br> 数据库操作成功,恭喜你</br>");%>
    <%rs.close();
    stmt.close();
    conn.close();
    %>

    </body>
    </html>

    1.svg

    <?xml version="1.0" standalone="no"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
      "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
    <svg width="1000" height="1000" viewBox="-100 -100 1300 1300" xmlns="http://www.w3.org/2000/svg"
                          xmlns:xlink="http://www.w3.org/1999/xlink"  >
    <script type="text/javascript">
    <![CDATA[

    function setHeight_1(rect_id,num,evt)
       {
         var svgDocument=evt.getTarget();

         var  y_old=svgDocument.getAttribute("y");
         svgDocument.setAttribute("y",600-num);
         svgDocument.setAttribute("height",num);
       }

      var num1,num2;

    //]]>
    </script>
    <g>
      <line x1="60" y1="600" x2="60" y2="-20" stroke="rgb(0,0,0)"/>
    <text id="chuizhi" x="0" y="-20" style="font-size :30 ;fill:red " > Num </text>
    <line x1="60" y1="600" x2="600" y2="600" stroke="rgb(0,0,0)"/>
      <line x1="60" y1="300" x2="600" y2="300" />
    <line x1="60" y1="0" x2="600" y2="0" />
    <text x="40" y="0" > 600 </text>
    <text x="40" y="300"> 300 </text>
    <rect id="rect1"  x="75" y="400" fill="orange" height="200" width="40"
                     onclick="setHeight_1('rect1',num1,evt)" />
    <rect id="rect2" x="155" y="200" fill="purple " height="400" width="40"
                          onclick="setHeight_1('rect2',num2,evt)" />
         
    </g>
    </svg>


       收藏   分享  
    顶(0)
      





    关闭广告显示
    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2005/4/12 13:01:00
     
     mi9 帅哥哟,离线,有人找我吗?
      
      
      等级:大二(研究汇编)
      文章:49
      积分:251
      门派:XML.ORG.CN
      注册:2005/3/23

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给mi9发送一个短消息 把mi9加入好友 查看mi9的个人资料 搜索mi9在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看mi9的博客2
    发贴心情 
    ex12.jsp

    <%@ page contentType="text/html;charset=gb2312"%>
    <%@ page import="java.sql.*"%>
    <html>
    <script type="text/javascript">
    function setHeight_1(rect_id,num,evt)
       {
         var svgDocument=evt.getTarget();

         var  y_old=svgDocument.getAttribute("y");
         svgDocument.setAttribute("y",600-num);
         svgDocument.setAttribute("height",num);
       }

      var num1,num2;

    </script>
    <body>

    <embed name="id1" pluginspage=http://www.adobe.com/svg/viewer/install/ align="top" src="1.svg" height="1200px" width="1200px" type="image/svg+xml">

    <%
      Class.forName("com.microsoft.jdbc.sqlserver.SQLServerDriver").newInstance();  
       Connection conn= DriverManager.getConnection("jdbc:microsoft:sqlserver://localhost:1433;DatabaseName=date","sa","sa");
      Statement stmt=conn.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_UPDATABLE);
      String sql="select * from record";
      ResultSet rs=stmt.executeQuery(sql);
      String date;
      int num;
    while(rs.next())

      {       date= rs.getString(1);
            //   num 数值要用到svg图象中去,具体就是rect的高
              num=rs.getInt(2);
              out.println("<br>");
             out.println(" "+date+" ");
             out.println(" "+num+" ");
     %>
     num1 = <%=num%>;
     num2 = <%=num%>;
     <%
              out.println("</br>");
         }
    %>
    <%out.print("<br> 数据库操作成功,恭喜你</br>");%>
    <%rs.close();
    stmt.close();
    conn.close();
    %>

    </body>
    </html>

    1.svg

    <?xml version="1.0" standalone="no"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
      "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
    <svg width="1000" height="1000" viewBox="-100 -100 1300 1300" xmlns="http://www.w3.org/2000/svg"
                          xmlns:xlink="http://www.w3.org/1999/xlink"  >
    <g>
      <line x1="60" y1="600" x2="60" y2="-20" stroke="rgb(0,0,0)"/>
    <text id="chuizhi" x="0" y="-20" style="font-size :30 ;fill:red " > Num </text>
    <line x1="60" y1="600" x2="600" y2="600" stroke="rgb(0,0,0)"/>
      <line x1="60" y1="300" x2="600" y2="300" />
    <line x1="60" y1="0" x2="600" y2="0" />
    <text x="40" y="0" > 600 </text>
    <text x="40" y="300"> 300 </text>
    <rect id="rect1"  x="75" y="400" fill="orange" height="200" width="40"
                     onclick="setHeight_1('rect1',num1,evt)" />
    <rect id="rect2" x="155" y="200" fill="purple " height="400" width="40"
                          onclick="setHeight_1('rect2',num2,evt)" />
         
    </g>
    </svg>
    这样改不知道行不行,我jsp不好,就当是在学习你的代码喽,但你这样做的话只会以最后一条数据中的num值来改变矩形阿,你是想要这个效果吗

    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2005/4/12 14:21:00
     
     henrybenben 帅哥哟,离线,有人找我吗?
      
      
      等级:大二(研究C++)
      文章:50
      积分:257
      门派:XML.ORG.CN
      注册:2005/4/13

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给henrybenben发送一个短消息 把henrybenben加入好友 查看henrybenben的个人资料 搜索henrybenben在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看henrybenben的博客3
    发贴心情 
    学习中,谢谢指点!
    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2005/4/13 21:49:00
     
     kerons 帅哥哟,离线,有人找我吗?
      
      
      等级:大一(猛啃高等数学)
      文章:26
      积分:139
      门派:XML.ORG.CN
      注册:2005/3/11

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给kerons发送一个短消息 把kerons加入好友 查看kerons的个人资料 搜索kerons在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看kerons的博客4
    发贴心情 
    问题我解决了,谢谢

    我后来将num该成用数组,这样就可以把所有数据都用上。

    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2005/4/14 20:44:00
     
     犬神狼 帅哥哟,离线,有人找我吗?
      
      
      等级:大二期末(Java考了96分!)
      文章:55
      积分:308
      门派:XML.ORG.CN
      注册:2005/3/2

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给犬神狼发送一个短消息 把犬神狼加入好友 查看犬神狼的个人资料 搜索犬神狼在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看犬神狼的博客5
    发贴心情 
    能不能这仔细说一下啊?
    num1 = <%=num%>;
    num2 = <%=num%>;这两句有效吗?
    可以直接在JSP代码中对JavaScript中的变量赋值?
    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2005/4/23 16:08:00
     
     kerons 帅哥哟,离线,有人找我吗?
      
      
      等级:大一(猛啃高等数学)
      文章:26
      积分:139
      门派:XML.ORG.CN
      注册:2005/3/11

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给kerons发送一个短消息 把kerons加入好友 查看kerons的个人资料 搜索kerons在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看kerons的博客6
    发贴心情 
    不是改js的变量,只是以一个参数带进去
    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2005/4/24 9:02:00
     
     GoogleAdSense
      
      
      等级:大一新生
      文章:1
      积分:50
      门派:无门无派
      院校:未填写
      注册:2007-01-01
    给Google AdSense发送一个短消息 把Google AdSense加入好友 查看Google AdSense的个人资料 搜索Google AdSense在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 访问Google AdSense的主页 引用回复这个贴子 回复这个贴子 查看Google AdSense的博客广告
    2025/7/26 0:25:57

    本主题贴数6,分页: [1]

    管理选项修改tag | 锁定 | 解锁 | 提升 | 删除 | 移动 | 固顶 | 总固顶 | 奖励 | 惩罚 | 发布公告
    W3C Contributing Supporter! W 3 C h i n a ( since 2003 ) 旗 下 站 点
    苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
    171.997ms