精华内容
下载资源
问答
  • 首先定义关于框架的页面index.html my page ...然后编写左边页面left.html的内容 ...总结就是给右边框架一个name属性,在定义左边框架中链接的时候用target属性来指向右边,比

    首先定义关于框架的页面index.html

    <html>
    <title>my page</title>
    
    	<frameset rows="15%,*" cols="*" frameborder="1" framespacing="1">
    		<frame src="top/top.html" name="top">
    		</frame>
    	
    		<frameset cols="15%,*" rows="*" frameborder="1">
    			<frame src="left/left.html" name="left">
    			</frame>
    			<frame src="right/right.html" name="right"> <!--重点看这里-->
    			</frame>
    		</frameset>
    	</frameset>
    <body>
    	框架实例
    </body>
    </html>


    然后编写左边页面left.html的内容
    <span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"></span><pre name="code" class="html"><html>
    <body>
    	<table border="2" bordercolor="#c9c9c9" bgcolor="#f3f3f3">
    		<tr  bordercolor="#0000FF">
    			<td><a href="http://www.codehut.space" target="right">wangrui</a></td> <!--重点看这里-->
    		</tr>
    		<tr>
    			<td><a href="http://www.codehut.space/about" target="right">about</a></td>
    		</tr>
    		
    	</table>
    </body>
    </html>


    总结就是给右边框架一个name属性,在定义左边框架中链接的时候用target属性来指向右边,比想象中的简单吧!

    展开全文
  • 1,条件: 标签 、main。jsp等页面、退出登录时的target细节。 2.代码如下: 首页: < frameset rows= "10%,*" frameborder= "no" ...总结:所有的左边点击右边显示都要是走方法返回相应的jsp页面

    1,条件:

    <frametest>标签  、main。jsp等页面、退出登录时的target细节。

    2.代码如下:

    首页:

    <frameset rows="10%,*" frameborder="no"   >
        <frame name="top" src="top.jsp" noresize="noresize">
        <frameset cols="10%,*">
            <frame name="left" src="left.jsp" noresize="noresize">
            <frame name="main" src="main.jsp" noresize="noresize">
        </frameset>
    </frameset>
    2.left.jsp页面

    <body>
    <p><a href="/user/loginOut.html" target="main">退出登录</a></p>
    <p><a href="/product/prolist.html" target="main">销售</a></p>
    <p><a href="#" target="main">销售信息查询</a></p>
    <p><a href="#" target="main">查看库存</a></p>
    </body>

    main。jsp页面

    <div style="width: 300px ;height: 200px;border: solid;text-align: center">欢迎使用小型进销存系统</div>
    退出登录页面(target="_parent"小细节)

    <body>
    <tr><td>欢迎 ${sessionScope.SESSION_USER.userName}&nbsp;&nbsp; <a href="/user/loginOut.html" οnclick="return confirm('确认注销么!')" target="_parent">退出登录</a></td> <tr>
    
    
    </body>
    总结:所有的左边点击,右边显示都要是走方法返回相应的jsp页面

    展开全文
  • 运用原生js的键盘弹起事件,获取到两个input的id值,让左边的value等于右边的value。实现效果:当在左边input按下后松开的时候,右边input会显示出相应的内容。 话不多说 上图片 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓...

    运用原生js的键盘弹起事件,获取到两个input框的id值,让左边的value等于右边的value。实现效果:当在左边input框按下后松开的时候,右边input框会显示出相应的内容。

    话不多说 上图片 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓
    在这的的的里插入图片描述

    展开全文
  • 仿美团,饿了吗两个ListView联动,左边点击切换右边,右边滑动切换左边

    先上效果图:


    实现思路:

    1.先说右边标题:

    首先,右边的数据源集合中的Javabean中含有三个属性name,type,title,而每个条目中会默认含有一个标题.

    如果这是第一个条目,就让标题显示出来,再如果这个条目的类型和上一个条目的类型不一样,就让这个条目的标题显示出来,否则,就隐藏标题,  这样我们就做到了每种类型只有第一个数据标题显示出来

    接着,在Listview的外层(也就是MainActivity的布局文件中),默认放一个标题(下面都称作是主标题)

    最后,设置右边Listview的滚动监听事件    在onScroll方法中,我们要做两件事:

         第一件事是每当前第一个可见条目的类型和当前左边Listview选择的类型(红色字体的类型) 不一样时,需要将主标题的内容改变

         第二件事  同时切换左边Listview的选中状态

    2.再说左边的Listview

    左边的Listview需要设置条目点击事件,在点击事件中需要干三件事:

    第一  将左边点击条目的字体颜色改变

    第二   将右边Listview滚动至左边Listview所选择类型相同的区域

    第三  改变主标题的内容


    说到这,大家可能还是云里雾里的,还是不知道左边的类型和右边的类型是怎么关联起来的?没关系,在下面的代码解析中你就会明白!下边是具体的实现步骤:

    一.写布局

    1.在MainActivity的布局文件中    添加应有的控件

    <span style="font-size:14px;"><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal"
        tools:context=".MainActivity" >
    
        <ListView
            android:id="@+id/lv_left"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1" >
        </ListView>
    
        <RelativeLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="3" >
    
            <ListView
                android:id="@+id/lv_Right"
                android:layout_width="match_parent"
                android:layout_height="match_parent" >
            </ListView>
    
            <TextView
                android:id="@+id/tv_title"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="#9f9f9f"
                android:gravity="center"
                android:padding="5dp"
                android:textColor="#000000"
                android:textSize="18sp" />
        </RelativeLayout>
    
    </LinearLayout></span>


    注意   这里边将Listview和主标题textView放在一个相对布局中,并且先放Listview,后放textView,目的是将主标题放在Listview的空间的上方


    2.左边Listview的Item布局文件

    <span style="font-size:14px;"><?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="#f9f9f9"
        android:gravity="center"
        android:orientation="vertical" >
    
        <TextView
            android:id="@+id/tv_left"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="左边条目"
            android:textColor="#000000"
            android:textSize="18sp" />
    
    </LinearLayout></span>
    
    <span style="font-size:18px;">3.右边Listview的Item布局文件</span>
    
    <span style="font-size:14px;"><?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#f9f9f9"
        android:gravity="center"
        android:orientation="vertical" >
    
        <TextView
            android:id="@+id/tv_right"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#9f9f9f"
            android:gravity="center"
            android:padding="5dp"
            android:text="右边条目"
            android:textColor="#000000"
            android:textSize="18sp" />
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="90dp"
            android:gravity="center_vertical"
            android:orientation="horizontal" >
    
            <ImageView
                android:layout_width="80dp"
                android:layout_height="80dp"
                android:background="@drawable/jipai" />
    
            <TextView
                android:id="@+id/tv_content"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="50dp"
                android:text="左边条目"
                android:textColor="#000000"
                android:textSize="18sp" />
        </LinearLayout>
    
    </LinearLayout></span>


    二.创建Javabean

    <span style="font-size:14px;">public class BaseData {
        private String name;
        private int type;// 类型 后边要根据类型显示标题
        private String title;//
    
        public BaseData(String name, int type, String title) {
            super();
            this.name = name;
            this.type = type;
            this.title = title;
        }
    
        public BaseData() {
            super();
        }
    
        public String getTitle() {
            return title;
        }
    
        public void setTitle(String title) {
            this.title = title;
        }
    
        public String getName() {
            return name;
        }
    
        public void setName(String name) {
            this.name = name;
        }
    
        public int getType() {
            return type;
        }
    
        public void setType(int type) {
            this.type = type;
        }
    
    }</span>

    三.创建两个adapter

    1.左边Listview的adapter

    <span style="font-size:14px;">/**
     * 左边的adapter   注意要给textview设置tag
     * @author HaiPeng
     *
     */
    public class LeftAdapter extends BaseAdapter {
    
        private Context context;
        String data[]={"蔬菜1","水果1","姓氏1","蔬菜2","水果2","姓氏2","蔬菜3","水果3","姓氏3"};
    
        public LeftAdapter(Context context) {
            super();
            this.context = context;
        }
    
        @Override
        public int getCount() {
            return data.length;
        }
    
        @Override
        public Object getItem(int position) {
            return null;
        }
    
        @Override
        public long getItemId(int position) {
            return 0;
        }
    
        @Override
        public View getView(final int position, View convertView, ViewGroup parent) {
            ViewHold vh = null;
            if (convertView == null) {
                convertView = View.inflate(context, R.layout.item_left, null);
                vh = new ViewHold();
                convertView.setTag(vh);
                vh.tv_left = (TextView) convertView.findViewById(R.id.tv_left);
            } else {
                vh = (ViewHold) convertView.getTag();
            }
            vh.tv_left.setTag(position);
            vh.tv_left.setText(data[position]);
            return convertView;
        }
    
        public class ViewHold {
            TextView tv_left;
            
        }
    }</span>

    2.右边Listview的adapter

    <span style="font-size:14px;">/**
     * 右边listview的adapter
     *
     * @author HaiPeng
     *
     */
    public class RightAdapter extends BaseAdapter {
        private Context context;
        private ArrayList<BaseData> data = new ArrayList<BaseData>();
    
        public RightAdapter(Context context) {
            super();
            this.context = context;
        }
    
        /**
         * 这个方法是用来更新数据源
         *
         * @param context
         */
    
        public void updateData(ArrayList<BaseData> lists) {
            data.clear();
            data.addAll(lists);
            this.notifyDataSetChanged();
        }
    
        @Override
        public int getCount() {
            // TODO Auto-generated method stub
            return data.size();
        }
    
        @Override
        public Object getItem(int position) {
    
            return null;
        }
    
        @Override
        public long getItemId(int position) {
            // TODO Auto-generated method stub
            return 0;
        }
    
        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            ViewHold vh = null;
            if (convertView == null) {
                convertView = View.inflate(context, R.layout.item_right, null);
                vh = new ViewHold();
                convertView.setTag(vh);
                vh.tv_content = (TextView) convertView
                        .findViewById(R.id.tv_content);
                vh.tv_right = (TextView) convertView.findViewById(R.id.tv_right);
            } else {
                vh = (ViewHold) convertView.getTag();
            }
            vh.tv_content.setText(data.get(position).getName());
            if (position == 0) {//如果是第一个  需要显示标题
                vh.tv_right.setVisibility(View.VISIBLE);
                vh.tv_right.setText(data.get(position).getTitle());
            } else if (!TextUtils.equals(data.get(position).getTitle(),
                    data.get(position - 1).getTitle())) {//如果这个标题和上一个不一样   也需要将标题显示出来
                vh.tv_right.setVisibility(View.VISIBLE);
                vh.tv_right.setText(data.get(position).getTitle());
            } else {
                vh.tv_right.setVisibility(View.GONE);
            }
            return convertView;
        }
    
        public class ViewHold {
            TextView tv_content;
            TextView tv_right;
        }
    
    }</span>


    四.MainActivity中操作

    1.初始化数据

    <span style="font-size:14px;">private void initData() {
            lists = new ArrayList<BaseData>();
            String title[] = { "蔬菜1", "水果1", "姓氏1", "蔬菜2", "水果2", "姓氏2", "蔬菜3",
                    "水果3", "姓氏3" };
            String name1[] = { "萝卜", "大葱", "茄子", "大蒜", "生姜", "萝卜", "大葱", "茄子",
                    "大蒜", "生姜", "萝卜", "大葱" };
            String name2[] = { "苹果", "梨", "香蕉", "西瓜", "橘子", "大枣", "菠萝", "红提", "葡萄",
                    "樱桃", "椰子" };
            String name3[] = { "郑", "王", "伊", "荆", "汤", "王", "孙", "李", "钱", "赵",
                    "祁", "韦", "宏" };
            for (int i = 0; i < name1.length; i++) {
                lists.add(new BaseData(name1[i] + 1, i, title[0]));
            }
            for (int i = 0; i < name2.length; i++) {
                lists.add(new BaseData(name2[i] + 1, i, title[1]));
            }
            for (int i = 0; i < name3.length; i++) {
                lists.add(new BaseData(name3[i] + 1, i, title[2]));
            }
            for (int i = 0; i < name1.length; i++) {
                lists.add(new BaseData(name1[i] + 2, i, title[3]));
            }
            for (int i = 0; i < name2.length; i++) {
                lists.add(new BaseData(name2[i] + 2, i, title[4]));
            }
            for (int i = 0; i < name3.length; i++) {
                lists.add(new BaseData(name3[i] + 2, i, title[5]));
            }
            for (int i = 0; i < name1.length; i++) {
                lists.add(new BaseData(name1[i] + 3, i, title[6]));
            }
            for (int i = 0; i < name2.length; i++) {
                lists.add(new BaseData(name2[i] + 3, i, title[7]));
            }
            for (int i = 0; i < name3.length; i++) {
                lists.add(new BaseData(name3[i] + 3, i, title[8]));
            }
    
    //假数据创建的方式比较low,大家不喜勿喷
    
    //看下边这个集合,这个集合是右边所有要显示标题的条目的position
    
          ArrayList<String>  showTitle = new ArrayList<String>();
            for (int i = 0; i < lists.size(); i++) {
                if (i == 0) {//第一个必须显示
                    showTitle.add(i + "");
                } else if (!TextUtils.equals(lists.get(i).getTitle(),
                        lists.get(i - 1).getTitle())) {//如果跟上一个条目的type不一样就必须显示
                    showTitle.add(i + "");
                }
            }
        }
    
    //这个集合也就是就是左边和右边类型联系的桥梁</span>


    2.初始化布局,我用的xutils的注解

      

    <span style="font-size:14px;"> @ViewInject(R.id.lv_left)
        private ListView lv_left;
    
        @ViewInject(R.id.lv_Right)
        private ListView lv_Right;
    
        @ViewInject(R.id.tv_title)
        private TextView tv_title;
    
    //但不要忘记在onCreate方法ViewUtils.inject(this);
    
            leftAdapter = new LeftAdapter(context);
            lv_left.setAdapter(leftAdapter);
    
            rightAdapter = new RightAdapter(context);
            lv_Right.setAdapter(rightAdapter);
            rightAdapter.updateData(lists);// 将数据源传递给Listview
    
            tv_title.setText(lists.get(0).getTitle());// 主标题栏设置默认初始值</span>


    3.先看右边的Listview的滚动监听事件

    <span style="font-size:14px;">lv_Right.setOnScrollListener(new OnScrollListener() {
    
                @Override
                public void onScroll(AbsListView view, int firstVisibleItem,
                        int visibleItemCount, int totalItemCount) {
                    int currentPosition = showTitle.indexOf(firstVisibleItem + "");//当前选中的一级条目的position  
    
                                  //firstVisibleItem是右边Listview当前第一个可见条目的position   根据//showTitle.indexOf(firstVisibleItem + "")可以得到这个数字在showTitle集合中的排序(是第几个),而这个排序刚好就是
    
    //左边Listview当前所选中的条目的position 这样我们就能根据左边的类型判断右边的类型了
    
                //  updateLeftListview(firstVisibleItem, currentPosition);//这个方法下面会说  是一个抽出来的方法   左边//Listview的点击事件也会用到
    
                }
    
                @Override
                public void onScrollStateChanged(AbsListView view, int scrollState) {
                }
    
            });</span>


    4.左边Listview的点击事件

    <span style="font-size:14px;">lv_left.setOnItemClickListener(new OnItemClickListener() {
    
                @Override
                public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                        long arg3) {
                    int firstVisibleItem = lv_Right.getFirstVisiblePosition();   
     //右边Listview当前第一个可见条目的position
                    updateLeftListview(firstVisibleItem, arg2); 
                    lv_Right.setSelection(Integer.parseInt(showTitle.get(arg2))); 
    //arg2是点击(选择)左边条目的第几个   
    //根据这个数字我们就能通过Integer.parseInt(showTitle.get(arg2))得到在点击左边后应该跳转到右边第几个条目    
     //  通过etSelection方法跳转   
                }
            });</span>


    5.updateLeftListview方法


     <span style="font-size:14px;">   /**
         * 更新左边Listview字体颜色  并且更改主标题的内容
         *
         * @param firstVisibleItem
         *            右边当前第一个可见的条目position
         * @param currentPosition
         *            左边listview当前被点击或者要显示为红色的条目position
         */
        private void updateLeftListview(int firstVisibleItem, int currentPosition) {
            if (showTitle.contains(firstVisibleItem + "")) {//右边的Listview滑动到这firstVisibleItem这个条目时 
    // 而showTitle中包含firstVisibleItem  那么这个时候我们就需要将主标题的内容修改和firstVisibleItem的标题一样    
    // 并且左边Listview需要更改颜色的条目(点击需要更改或者右边滑动应该改变的textView)的字体颜色改变掉
    
               tv_title.setText(lists.get(firstVisibleItem).getTitle());//将主标题的内容修改和firstVisibleItem的标题一样
                TextView lasTextView = (TextView) lv_left
                        .findViewWithTag(lastPosition);
                if (lasTextView != null) {//在右边Listview第一次加载过程中会一直调用监听中的onscroll  这时的textView可能为空
                    lasTextView.setTextColor(Color.BLACK);//先将上一个textView字体的颜色改成黑色
                }
                TextView currenTextView = (TextView) lv_left
                        .findViewWithTag(currentPosition);
                if (currenTextView != null) {//再将当前要改变的extView字体的颜色改成红色
                    currenTextView.setTextColor(Color.RED);
                }
                lastPosition = currentPosition;
    
            }
        }</span>


    到这大家应该大概明白左边点击切换右边,右边滑动切换左边是怎么实现的了吧

      这里是源码的下载地址http://download.csdn.net/detail/jeff169/9520261





    展开全文
  • 我遇到的是这样的问题,在建立web项目后,点击左边的项目,然后再点击JSP页面编辑,就会弹出 我重装了不同版本的myeclipseN次,还是会出现, 解决办法: 打开你的myeclipse,然后window-->preferences-->...
  • frameset框架,分为左右两边,左边是导航栏,点击左边右边显示对应的图片img(仅仅是图片),问题是:如何让图片在右边居中? 谢谢 C币少,见谅
  • //选中的从左边移到右边 function toright() { var firstElement = document.getElementById("first"); var secondElement = document.getElementById("second"); var firstoptionElement = first...
  • iframe异步加载(点击左边菜单加载右边内容)
  • **怎么实现点击左边的导航右边显示对应的页面?**肯定是先布局了,如果右侧是在网上有的页面,在左侧直接绑定连接就可以了,如果右侧是自己设计的页面,那左侧直接绑定自己设计的页面就可以了。(有志网:woyouzhi....
  • 左边一个列表(从数据库里读出的) 右边一个列表 你点击、双击 就可以将左边选中的 显示在右边。可以实现简单的单选 多选的问题。为了你能下载就能运行,所以我就弄了一个简单的列子 可以给你一些重要提示。希望能...
  • 用iframe方法实现点击左边右边出现相应的页面。 我做一个后台, 而且他指出别人没有用iframe, 问我行不行。 只能说行。 没有在网上查看过多的资料, 某天晚上突然想起ajax 里面有一个load方法, 这个方法可以...
  • 那么如何将一个界面中,左边设置为导航栏,点击项目链接,则右边显示相应的内容呢?使用frameset框架,并且设置链接标签<a>的target属性即可。 首先我们使用frame将主界面划分为3块,具体代码如下: <!...
  • " ondblclick="moveSelected(document.all.left,document.all.right)">//双击移动到右边 <OPTION value="1">1 <OPTION value="2">2 <OPTION value="3">3 <OPTION value="4">4 ...
  • 如何实现左边为导航栏点击右边为连接页面 function setTab(m,n){  var tli=document.getElementById("leftmenu"+m).getElementsByTagName("li");  var mli=document.getElementById("mcont"+m)....
  • Frameset,点击左边切换右边

    千次阅读 2014-01-13 03:17:40
    main.htm (1) (2) 超链接与框架的制作 (3) (4)  (5)  (6) (7) host.htm (1) (2) 超链接与框架的制作 (3) (4) html语言教程1 (5) html语言教程2 ...(7)
  • function $(v){return document.getElementById(v);} var x=0; function c(y){ $("a"+x).style.display = "none"; $("a"+y).style.display = ""; x=y } 菜单一 菜单二 这里是文字 这里是图片,自己写上
  • Axure8.0制作选择左边菜单栏,右边显示相关内容案例,相关详细图文操作,可以参考博客内容:http://blog.csdn.net/ffacffac/article/details/67639914
  • UISearchBar UISearchBar继承于UIView,我们可以像创建View那样创建searchBar,他是iOS系统提供给我们的搜索; //改变左边搜索图标坐标位置。后面的占位符苹果已经做好约束总是跟随在搜索
  • #left_nav{width:320px;} #left_nav ul {list-style: none;margin: 0; padding: 0;overflow:hidden; float: left;} #left_nav ul li{width: 80px; height: 30px ;border: 1px solid;...#left_nav .active {background
  • 框架界面 注意:该界面去掉标签,该工程左侧界面是index.jsp。右下侧显示界面是main.jsp。红线标注的内容需要写,且与index.jsp界面...以上步骤完成以后, 当点击index.jsp中的链接时,内容就会在main.jsp界面显示
  • 如图,穿梭框点击选中左边的列表后再点击重置,选中的效果并没有被取消掉,百度半天也没有看到别人有这个问题和解决方法;然后根据别人的清空搜索突然想到了解决的办法,记录一下。 if(this.$refs.myTransfer){ ...
  • 主要介绍了JS实现左边列表移到到右边列表功能,实现功能主要是左边的下拉框内容添加到右边的下拉框,支持多选移动,且同时将右边的下拉框对象移除,需要的朋友可以参考下
  • 首先手动鄙视一把坑爹的微软和跪舔...显示分节符的方法:在word左上角点击开始菜单,点击选中右下角的word选项。在弹出的word选项窗口中,单击显示标签,单击选中显示所有段落标记复选,确定退出。如图所示。​​ ​ ...
  • 点击按钮,文本内数字增减,可以加1,也可以减1
  • ②:点击左侧 用户管理 标签下的 用户列表 选项后,右边默认页面内容更新为用户列表页(userList.jsp)的内容 :   ③:同理,点击 产品管理、订单管理 标签下的 产品列表、订单列表 时,右侧内容会...
  • < div class = "list-item none" > < a href = "Index_Image.htm" target = "main" > 轮转图片 a > div ...这样点击左边的轮转图片,然后他就回target到name为main的iframe标签处。
  • 点击学生列表效果如下: 2.点击新增学生效果如下: 提供思路:在模板里进行判断,如果请求的路径和当
  • Axure8.0制作选择左边菜单栏,右边显示相关内容案例 最近项目在开发新功能,为了先确定客户的需求,就用Axure设计了一些界面原型,对于程序猿的我们,对这事可真是焦头烂额啊,但是木有办法了,工作还是得继续。...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 61,542
精华内容 24,616
关键字:

左边框点击右边框