Jump to content

dropfaith

Members
  • Posts

    1,141
  • Joined

  • Last visited

Posts posted by dropfaith

  1. ignore my table post  below works i tweaked some things but not too much the only real difference is the div.menus div i created which flaots it to the left cuase them to be on the same line

    you can ignore of remove the container div but i like using them as it gives me a bit more control over everything meh i had free time so uhm heres a working code

     

    <html><head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    
    <title>Sliding Menu</title>
    
    <style type="text/css">
    div.menus{
    float:left;
    width:218px;
    }
    
    
    
    .dhtmlgoodies_question{	
    color:#FFF;
    font-size:0.9em;
    background:red;
    width:218px;
    margin-top:2px;
    background-repeat:no-repeat;
    background-position:top right;	
    height:20px;
    overflow:hidden;
    cursor:pointer;
    }
    
    .dhtmlgoodies_answer{
    background:red;
    width:218px;
    visibility:hidden;
    height:0px;
    overflow:hidden;
    
    padding:0;
    margin:0;
    }
    
    .dhtmlgoodies_answer ul {
    list-style:none;
    }
    
    .dhtmlgoodies_answer_content{	
    font-size:0.9em;	
    
    height:70px;
    }
    
    .block {
    background:red;
    width:400px;
    height:80px;
    float:right;
    margin-top:0px;
    }
    div.contain {width:626px;background:#00f}
    </style>
    <script type="text/JavaScript">
    var dhtmlgoodies_slideSpeed = 10;	// Higher value = faster
    var dhtmlgoodies_timer = 10;	// Lower value = faster
    
    var objectIdToSlideDown = false;
    var dhtmlgoodies_activeId = false;
    var dhtmlgoodies_slideInProgress = false;
    
    function showHideContent(e,inputId)
    {
    if(dhtmlgoodies_slideInProgress)return;
    dhtmlgoodies_slideInProgress = true;
    if(!inputId)inputId = this.id;
    inputId = inputId + '';
    var numericId = inputId.replace(/[^0-9]/g,'');
    var answerDiv = document.getElementById('dhtmlgoodies_a' + numericId);
    
    objectIdToSlideDown = false;
    
    if(!answerDiv.style.display || answerDiv.style.display=='none'){		
    	if(dhtmlgoodies_activeId &&  dhtmlgoodies_activeId!=numericId){			
    		objectIdToSlideDown = numericId;
    		slideContent(dhtmlgoodies_activeId,(dhtmlgoodies_slideSpeed*-1));
    	}else{
    
    		answerDiv.style.display='block';
    		answerDiv.style.visibility = 'visible';
    
    		slideContent(numericId,dhtmlgoodies_slideSpeed);
    	}
    }else{
    	slideContent(numericId,(dhtmlgoodies_slideSpeed*-1));
    	dhtmlgoodies_activeId = false;
    }	
    }
    
    function slideContent(inputId,direction)
    {
    
    var obj =document.getElementById('dhtmlgoodies_a' + inputId);
    var contentObj = document.getElementById('dhtmlgoodies_ac' + inputId);
    height = obj.clientHeight;
    if(height==0)height = obj.offsetHeight;
    height = height + direction;
    rerunFunction = true;
    if(height>contentObj.offsetHeight){
    	height = contentObj.offsetHeight;
    	rerunFunction = false;
    }
    if(height<=1){
    	height = 1;
    	rerunFunction = false;
    }
    
    obj.style.height = height + 'px';
    var topPos = height - contentObj.offsetHeight;
    if(topPos>0)topPos=0;
    contentObj.style.top = topPos + 'px';
    if(rerunFunction){
    	setTimeout('slideContent(' + inputId + ',' + direction + ')',dhtmlgoodies_timer);
    }else{
    	if(height<=1){
    		obj.style.display='none'; 
    		if(objectIdToSlideDown && objectIdToSlideDown!=inputId){
    			document.getElementById('dhtmlgoodies_a' + objectIdToSlideDown).style.display='block';
    			document.getElementById('dhtmlgoodies_a' + objectIdToSlideDown).style.visibility='visible';
    			slideContent(objectIdToSlideDown,dhtmlgoodies_slideSpeed);				
    		}else{
    			dhtmlgoodies_slideInProgress = false;
    		}
    	}else{
    		dhtmlgoodies_activeId = inputId;
    		dhtmlgoodies_slideInProgress = false;
    	}
    }
    }
    
    
    
    function initShowHideDivs()
    {
    var divs = document.getElementsByTagName('DIV');
    var divCounter = 1;
    for(var no=0;no<divs.length;no++){
    	if(divs[no].className=='dhtmlgoodies_question'){
    		divs[no].onclick = showHideContent;
    		divs[no].id = 'dhtmlgoodies_q'+divCounter;
    		var answer = divs[no].nextSibling;
    		while(answer && answer.tagName!='DIV'){
    			answer = answer.nextSibling;
    		}
    		answer.id = 'dhtmlgoodies_a'+divCounter;	
    		contentDiv = answer.getElementsByTagName('DIV')[0];
    		contentDiv.style.top = 0 - contentDiv.offsetHeight + 'px'; 	
    		contentDiv.className='dhtmlgoodies_answer_content';
    		contentDiv.id = 'dhtmlgoodies_ac' + divCounter;
    		answer.style.display='none';
    		answer.style.height='1px';
    		divCounter++;
    	}		
    }	
    }
    window.onload = initShowHideDivs;
    </script>
    </head><body>
    <div class="contain">
    <div class="menus">
    <div id="dhtmlgoodies_q1" class="dhtmlgoodies_question">
    	<div style="margin: 2px;"><strong>Lumbridge.Net</strong>
    	</div>
    </div>
    <div style="display: block; height: 70px; visibility: visible;" id="dhtmlgoodies_a1" class="dhtmlgoodies_answer">
    	<div id="dhtmlgoodies_ac1" class="dhtmlgoodies_answer_content" style="top: 0px;">
    		<ul>
    			<li><a href="http://www.team-recoil.com/testing/forums/">Forums</a></li>
    		</ul>
    	</div>
    </div>
    
    
    
    
    <div id="dhtmlgoodies_q2" class="dhtmlgoodies_question">
    	<div style="margin: 2px;"><strong>Calcs</strong>
    	</div>
    </div>
    <div style="display: none; height: 1px; visibility: visible;" id="dhtmlgoodies_a2" class="dhtmlgoodies_answer">
    	<div id="dhtmlgoodies_ac2" class="dhtmlgoodies_answer_content" style="top: -69px;">
    		<ul>
    			<li><a href="">Skill Calculators</a></li>
    			<li><a href="">Mini Games</a></li>
    		</ul>
    	</div>
    </div>
    
    <div id="dhtmlgoodies_q3" class="dhtmlgoodies_question">
    	<div style="margin: 2px;"><strong>Guides</strong>
    	</div>
    </div>
    <div style="display: none; height: 1px; visibility: visible;" id="dhtmlgoodies_a3" class="dhtmlgoodies_answer">
    	<div id="dhtmlgoodies_ac3" class="dhtmlgoodies_answer_content" style="top: -69px;">
    		<ul>
    			<li><a href="http://www.team-recoil.com/testing/guides/skills/">Skill Guides</a></li>
    			<li><a href="http://www.team-recoil.com/testing/guides/mini-games/">Quest Guides</a></li>
    		</ul>
    	</div>
    </div>
    </div>
    
    <div class="block">
    	Hi #PHP.
    </div>
    
    </div>
    </body></html>
    

  2. wierd i dont fully support this option but i added a table to your page to test something and got it working im tweaking it a bit still but this is a temp fix

     

    <html><head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    
    <title>Sliding Menu</title>
    
    <style type="text/css">
    menu{
    float:left;
    width:218px;
    }
    
    
    
    .dhtmlgoodies_question{	
    color:#FFF;
    font-size:0.9em;
    background:red;
    width:218px;
    margin-top:2px;
    background-repeat:no-repeat;
    background-position:top right;	
    height:20px;
    overflow:hidden;
    cursor:pointer;
    }
    
    .dhtmlgoodies_answer{
    background:red;
    width:218px;
    visibility:hidden;
    height:0px;
    overflow:hidden;
    
    padding:0;
    margin:0;
    }
    
    .dhtmlgoodies_answer ul {
    list-style:none;
    }
    
    .dhtmlgoodies_answer_content{	
    font-size:0.9em;	
    
    height:70px;
    }
    
    .block {
    background:red;
    width:400px;
    height:80px;
    float:right;
    margin-top:0px;
    }
    div.contain {width:626px;background:#00f}
    </style>
    <script type="text/JavaScript">
    var dhtmlgoodies_slideSpeed = 10;	// Higher value = faster
    var dhtmlgoodies_timer = 10;	// Lower value = faster
    
    var objectIdToSlideDown = false;
    var dhtmlgoodies_activeId = false;
    var dhtmlgoodies_slideInProgress = false;
    
    function showHideContent(e,inputId)
    {
    if(dhtmlgoodies_slideInProgress)return;
    dhtmlgoodies_slideInProgress = true;
    if(!inputId)inputId = this.id;
    inputId = inputId + '';
    var numericId = inputId.replace(/[^0-9]/g,'');
    var answerDiv = document.getElementById('dhtmlgoodies_a' + numericId);
    
    objectIdToSlideDown = false;
    
    if(!answerDiv.style.display || answerDiv.style.display=='none'){		
    	if(dhtmlgoodies_activeId &&  dhtmlgoodies_activeId!=numericId){			
    		objectIdToSlideDown = numericId;
    		slideContent(dhtmlgoodies_activeId,(dhtmlgoodies_slideSpeed*-1));
    	}else{
    
    		answerDiv.style.display='block';
    		answerDiv.style.visibility = 'visible';
    
    		slideContent(numericId,dhtmlgoodies_slideSpeed);
    	}
    }else{
    	slideContent(numericId,(dhtmlgoodies_slideSpeed*-1));
    	dhtmlgoodies_activeId = false;
    }	
    }
    
    function slideContent(inputId,direction)
    {
    
    var obj =document.getElementById('dhtmlgoodies_a' + inputId);
    var contentObj = document.getElementById('dhtmlgoodies_ac' + inputId);
    height = obj.clientHeight;
    if(height==0)height = obj.offsetHeight;
    height = height + direction;
    rerunFunction = true;
    if(height>contentObj.offsetHeight){
    	height = contentObj.offsetHeight;
    	rerunFunction = false;
    }
    if(height<=1){
    	height = 1;
    	rerunFunction = false;
    }
    
    obj.style.height = height + 'px';
    var topPos = height - contentObj.offsetHeight;
    if(topPos>0)topPos=0;
    contentObj.style.top = topPos + 'px';
    if(rerunFunction){
    	setTimeout('slideContent(' + inputId + ',' + direction + ')',dhtmlgoodies_timer);
    }else{
    	if(height<=1){
    		obj.style.display='none'; 
    		if(objectIdToSlideDown && objectIdToSlideDown!=inputId){
    			document.getElementById('dhtmlgoodies_a' + objectIdToSlideDown).style.display='block';
    			document.getElementById('dhtmlgoodies_a' + objectIdToSlideDown).style.visibility='visible';
    			slideContent(objectIdToSlideDown,dhtmlgoodies_slideSpeed);				
    		}else{
    			dhtmlgoodies_slideInProgress = false;
    		}
    	}else{
    		dhtmlgoodies_activeId = inputId;
    		dhtmlgoodies_slideInProgress = false;
    	}
    }
    }
    
    
    
    function initShowHideDivs()
    {
    var divs = document.getElementsByTagName('DIV');
    var divCounter = 1;
    for(var no=0;no<divs.length;no++){
    	if(divs[no].className=='dhtmlgoodies_question'){
    		divs[no].onclick = showHideContent;
    		divs[no].id = 'dhtmlgoodies_q'+divCounter;
    		var answer = divs[no].nextSibling;
    		while(answer && answer.tagName!='DIV'){
    			answer = answer.nextSibling;
    		}
    		answer.id = 'dhtmlgoodies_a'+divCounter;	
    		contentDiv = answer.getElementsByTagName('DIV')[0];
    		contentDiv.style.top = 0 - contentDiv.offsetHeight + 'px'; 	
    		contentDiv.className='dhtmlgoodies_answer_content';
    		contentDiv.id = 'dhtmlgoodies_ac' + divCounter;
    		answer.style.display='none';
    		answer.style.height='1px';
    		divCounter++;
    	}		
    }	
    }
    window.onload = initShowHideDivs;
    </script>
    </head><body>
    <div class="contain">
    
    <table><tr><td><div id="dhtmlgoodies_q1" class="dhtmlgoodies_question">
    	<div style="margin: 2px;"><strong>Lumbridge.Net</strong>
    	</div>
    </div>
    <div style="display: block; height: 70px; visibility: visible;" id="dhtmlgoodies_a1" class="dhtmlgoodies_answer">
    	<div id="dhtmlgoodies_ac1" class="dhtmlgoodies_answer_content" style="top: 0px;">
    		<ul>
    			<li><a href="http://www.team-recoil.com/testing/forums/">Forums</a></li>
    		</ul>
    	</div>
    </div>
    
    
    
    
    <div id="dhtmlgoodies_q2" class="dhtmlgoodies_question">
    	<div style="margin: 2px;"><strong>Calcs</strong>
    	</div>
    </div>
    <div style="display: none; height: 1px; visibility: visible;" id="dhtmlgoodies_a2" class="dhtmlgoodies_answer">
    	<div id="dhtmlgoodies_ac2" class="dhtmlgoodies_answer_content" style="top: -69px;">
    		<ul>
    			<li><a href="">Skill Calculators</a></li>
    			<li><a href="">Mini Games</a></li>
    		</ul>
    	</div>
    </div>
    
    <div id="dhtmlgoodies_q3" class="dhtmlgoodies_question">
    	<div style="margin: 2px;"><strong>Guides</strong>
    	</div>
    </div>
    <div style="display: none; height: 1px; visibility: visible;" id="dhtmlgoodies_a3" class="dhtmlgoodies_answer">
    	<div id="dhtmlgoodies_ac3" class="dhtmlgoodies_answer_content" style="top: -69px;">
    		<ul>
    			<li><a href="http://www.team-recoil.com/testing/guides/skills/">Skill Guides</a></li>
    			<li><a href="http://www.team-recoil.com/testing/guides/mini-games/">Quest Guides</a></li>
    		</ul>
    	</div>
    </div>
    </td>
    
    <div class="block">
    	Hi #PHP.
    </div>
    </td></tr></table>
    </div>
    </body></html>
    

  3. you want a select menu that changes the webpage?

     

    so if user selects 2009 it shows a page for 2009?/

     

    							<form action="../">
    								<p><select onchange="window.open(this.options[this.selectedIndex].value,'_top')">
        										<option value="">Choose Sort Option</option>
    
    									<option value="index.php">All</option>
        										<option value="genre.php">By Genre</option>
    									<option value="author.php">By Author</option>				
    
    
    								</select>
    

  4. agreed content pwns html in the seo world  but doing as your client wants makes you money and keeps them happy,

     

    i would explain to them that this makes no seo difference what so ever but if they really want you to do it it shouldnt be more then a 10 second edit cause smart coding says a form on every page is included from a php include or asp if you roll that way

     

     

    ps the html used there and the js used would not effect this at all the name of the form is the more important thing to seo not the submit button

     

    so blegh your customer is wrong

  5. i agree on all points above in crit

     

    i would consider moving the flower into the actual header instead of the background of the page

     

     

     

     

    so it would be

     

     

     

    (flower image ) egg hunt  (maybe a mirror or the flower image)

     

    and kinda blend the header into the background a bit it seems like it would clean it up a bit more

  6. For one thing, text-align applies to block level elements only. But

    even if you assign display: block to the select and option elements,

    the texts probably won't be centered. The reason is that browsers use

    their built-in routines for rendering form fields, and these routines

    are affected by CSS rules to a limited extent only.

     

    im not too clear what your trying to do so i dont have anything to reccomend off hand

  7. Planning -> Development -> Testing -> Release

    You missed Design.

     

    Planning -> Design -> Development -> Testing -> Release

     

    That assumes a linear approach

     

    There's other methodologies such as RAD where you use a much more phased, iterative approach to design and development

     

    i wish i was that smoothly done

    Planning -> Design -> Development -> Testing ->gets angry adds features -> Design phase 2 ->testing -> Product reviews-> fixing bugs -> Release

  8. God I hate IE.

     

    Sorry.  Just throwing that out there.

     

     

     

    I'm making it my goal later to find why exactly hotmail doesn't send right in Chrome.

     

    I give up a lot though x.x.

     

    at least you set the goal  i guess haha i gave up on hotmail years ago so this is the first ive heard of hotmail and chrome not working toghethor

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.