JBTALKS.CC

标题: 有没有人会做这个guest book。用html+css+javascript+php来做! [打印本页]

作者: meijie85    时间: 2011-5-1 06:32 PM
标题: 有没有人会做这个guest book。用html+css+javascript+php来做!
本帖最后由 meijie85 于 2011-6-18 06:15 PM 编辑

请教各位大大,有人会做这个guestbook吗?http://www.wwjdm.org/Guestbook.html
作者: aiyina    时间: 2011-5-1 06:40 PM
有谁懂这网站是用什么软件做的吗?它的首页那三个动画是用flash做的吗?还有那上个动画滑鼠移动后也会移动 ...
meijie85 发表于 1-5-2011 06:32 PM



    路过看看。。。。
这个网站好特别哦~❤
作者: 非凡世界    时间: 2011-5-1 06:49 PM
回复 1# meijie85


    那个loading是利用flash制作的。。网速太慢,进不到里面
作者: Mumuko    时间: 2011-5-1 06:54 PM
好特别哦。。。 lz怎么找到的?
作者: 非凡世界    时间: 2011-5-1 07:30 PM
进到了~~这个全部都是利用flash制作的。。。。
这个网页时专页的设计师做的。。。
属于 半高级flash
作者: meijie85    时间: 2011-5-1 11:53 PM
回复 5# 非凡世界


    那用flash怎么套用在css+html里呢?
作者: meijie85    时间: 2011-5-4 07:25 AM
我推推推
作者: Super-Tomato    时间: 2011-5-4 06:05 PM
本帖最后由 Super-Tomato 于 2011-5-4 06:17 PM 编辑
请教各位大大,怎么用css,html或div做guestbook。就是别人可以在你的网站留言的。
meijie85 发表于 2011-5-1 06:32 PM



只用 css 和 html 是無法儲存資料




http://www.kaven115.com/
有谁懂这网站是用什么软件做的吗?它的首页那三个动画是用flash做的吗?还有那上个动画滑鼠移动后也会移动是怎么一个代码?首页的loading要怎么做呢?请大大指教哦。
meijie85 发表于 2011-5-1 06:32 PM

首頁是 flash 制作,滑鼠移动部份需要學會 Actionscript 就知道如何去 trigger 事件,Flash loading 網絡上搜索一堆教學。
作者: eldyvoon    时间: 2011-5-15 04:31 PM
css+html = static page。。
作者: megablue    时间: 2011-5-21 08:03 PM
必须要有后台支持, 纯HTML是做不到留言系统的。
作者: 桀樂語    时间: 2011-5-30 12:47 PM
你需要dynamic page (php, asp.net)
用MySQL 儲存你的留言,或者用xml file儲存你留言的訊息。
然後 讀取在 你所要置放的html tag
作者: 玖菱_日音    时间: 2011-6-16 10:54 PM
请教各位大大,怎么用css,html或div做guestbook。就是别人可以在你的网站留言的。
meijie85 发表于 2011-5-1 06:32 PM



你这是assignment还是真正要做一个真实网址用的?

真实的话比较麻烦,因为要有database,

如果只是assignment 要 build 一个 website 罢了,

就用
<form>
</form>   
和 (用于buttons)
<input>
</input>

自己看看这个吧~ http://www.w3schools.com/html/html_forms.asp
作者: meijie85    时间: 2011-6-18 01:45 AM
回复 11# 桀樂語


    大大有没有教程网页呢?或能指教一下,我们是要做到可以从一个server连到另一个server。而且我要怎么把我们的input资料post到一个page呢?
作者: meijie85    时间: 2011-6-18 03:04 AM
回复 12# 玖菱_日音


    我看了很多次,可是小弟不会把那些学的活用。好像说,我用html做了submit button, reset buttom, name, age gender, comment(textarea), email address, 可是我不懂要把javascript用做什么?php又要做什么?怎么把别人comment放上网?像这个。。。
http://www.wwjdm.org/~site/Scrip ... &H_H=1755292850
所以,我的问题就是不能完全运用和理解。这已经是我一个人无法办到的事,想找个师傅来教因为我不是很聪明。
作者: leon_lcl    时间: 2011-6-18 09:02 AM
回复 14# meijie85

直接用php,submit了过后就直接存去database,display出来的时候就直接从database拿资料就好了
作者: 宅男-兜着走    时间: 2011-6-18 01:34 PM
路过。
作者: meijie85    时间: 2011-6-18 01:43 PM
回复 15# leon_lcl


    我还没学database,还有什么方法吗?
作者: leon_lcl    时间: 2011-6-18 02:00 PM
回复 17# meijie85


   那你把资料save成xml,不然就save去excel,过后就从xml,或excel拿资料
作者: meijie85    时间: 2011-6-18 03:46 PM
本帖最后由 meijie85 于 2011-6-18 03:54 PM 编辑

回复 18# leon_lcl


    这先不谈,我现在这个function都不懂哪里有错,gender没反应。能办忙看下吗?
<!DOCTYPE>
<html>
   <head>
              <title>Meei Kiat.com</title>
   </head>
<script type='text/javascript'>

function formValidator(){

        var name=document.getElementById('name');
        var age=document.getElementById('age');
        var gender=document.getElementById('gender');
        var email=document.getElementById('email');
       
        if(isAlphabet(name, "Please enter your name!")){
                if(isNumeric(age, "Please enter your age!")){
                        if(madeSelection(gender, "Please select your gender!")){
                                if(emailValidator(email, "Please enter your email!")){
                                        return true;
                                }
                        }
                }
        }

        return false;

}

function notEmpty(elem, helperMsg){
        if(elem.value.length == 0){
                alert(helperMsg);
                elem.focus();
                return false;
        }
        return true;
}

function isNumeric(elem, helperMsg){
        var numericExpression = /^[0-9]+$/;
        if(elem.value.match(numericExpression)){
                return true;
        }
        else       
        {
        alert(helperMsg);
        elem.focus();
        return false;
        }
}

function isAlphabet(elem, helperMsg){
        var alphaExp = /^[a-zA-Z]+$/;
        if(elem.value.match(alphaExp)){
                return true;
        }else{
                alert(helperMsg);
                elem.focus();
                return false;
        }
}

function madeSelection(elem, helperMsg){
        if(elem.value == "Please Choose"){
                alert(helperMsg);
                elem.focus();
                return false;
        }
        else
        {
        return true;
        }
}

function emailValidator(elem,helperMsg){
        var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
        if(elem.value.match(emailExp)){
                return true;
        }
        else
        {
        alert(helperMsg);
        elem.focus();
        return false;
        }
}
</script>
       
<form onsubmit='return formValidator()'>
Name: <input type='text' id='name'/><br/>
Age: <input type='text' id='age'/><br/>
Gender: <select id='gender'>
        <option>Please Choose</option>
        <option>Male</option>
        <option>Female</option>
</select><br/>
Email: <input type='text' id='email'/><br/>
<input type='submit' value='Submit'/>
</form>

</html>
作者: leon_lcl    时间: 2011-6-18 06:26 PM
回复 19# meijie85

在什么的情况下没反应?不过你的if condition有点。。。
可以的话改改吧。validation通常都是检查全部的,如果你的name和age有问题(return false)的话,他只会出name的问题。如过name没问题(return true),他才会检查age。
如果还不清楚的话,建议你先画flow chart来看看
作者: meijie85    时间: 2011-6-18 09:58 PM
回复 20# leon_lcl


    我的if condintion有什么问题吗?请指教。我是gender没反应不会出message alert。然后submit 后要怎么把那些资料post上网像这http://www.wwjdm.org/~site/Scrip ... &H_H=1755292850
好多都不会哦。大大有facebook吗?直接在FB聊方便吗?我的是meei kiat see。
作者: Super-Tomato    时间: 2011-6-20 11:33 AM
回复  leon_lcl
    这先不谈,我现在这个function都不懂哪里有错,gender没反应。能办忙看下吗?
<!DOCTYPE>
<html>
   <head>
              <title>Meei Kiat.com</title>
   </head>
<script type='text/javascript'>

function formValidator(){

        var name=document.getElementById('name');
        var age=document.getElementById('age');
        var gender=document.getElementById('gender');
        var email=document.getElementById('email');
        
        if(isAlphabet(name, "Please enter your name!")){
                if(isNumeric(age, "Please enter your age!")){
                        if(madeSelection(gender, "Please select your gender!")){
                                if(emailValidator(email, "Please enter your email!")){
                                        return true;
                                }
                        }
                }
        }

        return false;

}

function notEmpty(elem, helperMsg){
        if(elem.value.length == 0){
                alert(helperMsg);
                elem.focus();
                return false;
        }
        return true;
}

function isNumeric(elem, helperMsg){
        var numericExpression = /^[0-9]+$/;
        if(elem.value.match(numericExpression)){
                return true;
        }
        else        
        {
        alert(helperMsg);
        elem.focus();
        return false;
        }
}

function isAlphabet(elem, helperMsg){
        var alphaExp = /^[a-zA-Z]+$/;
        if(elem.value.match(alphaExp)){
                return true;
        }else{
                alert(helperMsg);
                elem.focus();
                return false;
        }
}

function madeSelection(elem, helperMsg){
        if(elem.value == "Please Choose"){
                alert(helperMsg);
                elem.focus();
                return false;
        }
        else
        {
        return true;
        }
}

function emailValidator(elem,helperMsg){
        var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
        if(elem.value.match(emailExp)){
                return true;
        }
        else
        {
        alert(helperMsg);
        elem.focus();
        return false;
        }
}
</script>
        
<form onsubmit='return formValidator()'>
Name: <input type='text' id='name'/><br/>
Age: <input type='text' id='age'/><br/>
Gender: <select id='gender'>
        <option>Please Choose</option>
        <option>Male</option>
        <option>Female</option>
</select><br/>
Email: <input type='text' id='email'/><br/>
<input type='submit' value='Submit'/>
</form>

</html>
meijie85 发表于 2011-6-18 03:46 PM



selector 的 option 没有設置 value,所以樓主的 element.value 是取不到值的
作者: meijie85    时间: 2011-6-22 10:11 AM
回复 22# Super-Tomato
请问大大会slides show 多图显示吗?我做的这个另一个不会运作,哪里有错?

<table border="1">
<tr>
<td>
    <img  src="picture/pic1.jpg" id="1"   style="FILTER: revealTrans(duration=2,transition=16);  cursor:pointer;display:none">
    <img  src="picture/pic2.jpg" id="2"   style="FILTER: revealTrans(duration=2,transition=17);  cursor:pointer;display:none">
    <img  src="picture/pic3.jpg" id="3"   style="FILTER: revealTrans(duration=2,transition=18);  cursor:pointer;display:none">
    <img  src="picture/pic4.jpg" id="4"   style="FILTER: revealTrans(duration=2,transition=19);  cursor:pointer;display:none">
</td>
<td>
    <img  src="picture/pic5.jpg" id="1"   style="FILTER: revealTrans(duration=2,transition=16);  cursor:pointer;display:none">
    <img  src="picture/pic6.jpg" id="2"   style="FILTER: revealTrans(duration=2,transition=17);  cursor:pointer;display:none">
    <img  src="picture/pic7.jpg" id="3"   style="FILTER: revealTrans(duration=2,transition=18);  cursor:pointer;display:none">
    <img  src="picture/pic8.jpg" id="4"   style="FILTER: revealTrans(duration=2,transition=19);  cursor:pointer;display:none">
   
</td>
</table>
   <script language="javascript">
    function $(_sId) {
        return document.getElementById(_sId);
    }
    var speed=5000;
    var setid=null;
    var auto="true";
    function galleryplay(divs,a,mtime){
        if(divs=="0")return false;   
        var start=3;
        if(auto=="true")
        {
            start = a-1;
            speed = mtime;
            setid = null;   
            var loop = function(){        
                ids = divs.split(",");                       
                for (var i=0;i<ids.length; i++)
                {           
                     $(ids).style.display='none';
               
                }                                   
                $(ids[start]).filters.revealTrans.Transition = Math.floor(Math.random() * 23);
                $(ids[start]).filters.revealTrans.apply();
                $(ids[start]).filters.revealTrans.play();
                $(ids[start]).style.display='';
               
                setid=setTimeout(loop,speed);
                start++;
                if(start==ids.length){
                    start=0;                 
                }
            };loop();   
        }
    }
    galleryplay('1,2,3,4',1,5000);
    </SCRIPT>
    </div>
作者: Super-Tomato    时间: 2011-6-26 12:13 AM
回复  Super-Tomato
请问大大会slides show 多图显示吗?我做的这个另一个不会运作,哪里有错?




...
meijie85 发表于 2011-6-22 10:11 AM



樓主不要一味着抄別人提供的代码,必須明白 galleryplay('1,2,3,4',1,5000); 参數的用意




欢迎光临 JBTALKS.CC (https://www.jbtalks.cc/) Powered by Discuz! X2.5