Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Markup (HTML, XHTML, XML) _ Show Hide text mix up

Posted by: BriZZell Jul 10 2014, 04:19 PM

Ok need a job so I made a site with everything I need on it and its a LOT OF STUFF. Stuff employers get turned off by unless they have excess time in which they may not very-well need ME!

OK so TheBriZZell.weebly.com is the site and I've spent most of the day making SHOW / HIDE thingys for the site and customizing code I've found on the web. I am working on to lists and one cancels the other so to speak. So now my site isn't looking up to par and of coarse I've no back up to put it back to the old site SO HURYhahah

As the codes are now. both "links" open the same list! If I put the lists bottom on top they really get out of wack. whats wrong!!!!!!!!!!!!!!!!!!!!!!! excl.gif
Here's my code:


list 1
<p><a onclick="java script:ShowHide('HiddenDiv')"><h2 class="wsite-content-title" style="text-align:left;"><strong>EXPERIENCE LIST</strong></h2></a></p>
<div class="mid" id="HiddenDiv" style="display: none;">
<p>
<font color="#ffffff">
<font face="Georgia ">



<div><div class="wsite-multicol"><div class='wsite-multicol-table-wrap' style='margin:0 -0px'>
<table class='wsite-multicol-table'>
<tbody class='wsite-multicol-tbody'>
<tr class='wsite-multicol-tr'>
<td class='wsite-multicol-col' style='width:25.282016061674%;padding:0 0px'>

<div class="paragraph" style="text-align:left;"><font size="2">
Marketing<br />
Market Analysis<br />
Brakes<br />
Materials Planning<br />
Budgeting<br />
Microsoft Word<br />
Carpentry<br />
Multiple Phone<br />
Custodial<br />
Power Point<br />
Acrobat</font><br /></div>
</td>
<td class='wsite-multicol-col' style='width:25.142336414925%;padding:0 0px'>

<div class="paragraph" style="text-align:left;"><font size="2">
Internet/Web Development<br />
Inventory control<br />
Customer Service<br />
Interviewing<br />
Landscaping<br />
Ad Design<br />
Legal Logistics<br />
Planning<br />
Audio/Visual<br />
Engines (diesel/gasoline)<br />
Auto-body repair</font><br />
<font size="2"><span></span> </font><span style="line-height: 0; display: none;"></span><span style="line-height: 0; display: none;"></span><br /><font size="2"> </font></div>

</td>
<td class='wsite-multicol-col' style='width:24.575647523401%;padding:0 0px'>

<div class="paragraph" style="text-align:left;"><font size="2">
Computers<br />
Plumbing<br />
Data Entry<br />
Product Development<br />
Sales<br />
Payroll<br />
Public Relations<br />
Recruiting/Staffing<br />
Employee Relations<br />
Retail&nbsp;Open/Closing </font></div>

</td>
<td class='wsite-multicol-col' style='width:25%;padding:0 0px'>

<div class="paragraph" style="text-align:left;"><font size="2">Welding<br />
Excel (spreadsheets)<br />
Human Resources<br />
Financial Analysis<br />
Food Service<br />
Technical Writing<br />
Telemarketing<br />
General Accounting<br />
Typing<br />
Automotive&nbsp;Repair/Maintenance</font></div>

</td>
</font>
</p>
<script type="text/javascript">// <![CDATA[
function ShowHide(divId)
{
if(document.getElementById(divId).style.display == 'none')
{
document.getElementById(divId).style.display='block';
}
else
{
document.getElementById(divId).style.display = 'none';
}
}
// ]]></script>


</p></p></a onclick="java script:ShowHide('HiddenDiv')">
</div><div class="wsite-multicol"></div class='wsite-multicol-table-wrap' style='margin:0 -0px'>
</table class='wsite-multicol-table'>
</tbody class='wsite-multicol-tbody'>
</tr class='wsite-multicol-tr'>
</td class='wsite-multicol-col' style='width:25.282016061674%;padding:0 0px'>

</div class="paragraph" style="text-align:left;"></font size="2">
</td>
</tr>
</tbody>
</table>
</div></div></div>

</div></div class="wsite-multicol"><div class='wsite-multicol-table-wrap' style='margin:0 -0px'>
</table class='wsite-multicol-table'>
</tbody class='wsite-multicol-tbody'>
</tr class='wsite-multicol-tr'>
</td class='wsite-multicol-col' style='width:75.524475524476%;padding:0 0px'>












list 2






<p><a onclick="java script:ShowHide('HiddenDiv')"><h2 class="wsite-content-title" style="text-align:left;"><strong>SKILLS </strong></h2></a></p>
<div class="mid" id="HiddenDiv" style="display: none;">
<p>
<font color="#ffffff">
<font face="Georgia ">
<p><a onclick="java script:ShowHide('HiddenDiv')">Show/Hide</a></p>
<div class="mid" id="HiddenDiv" style="display: none;">
<p>

<font color="#ffffff">
<font face="Georgia ">

• Music production experience in: sound, lighting, and stage<br />
<br />
• Management experience in multiple industries<br />
<br />
• Company reassessment and business development<br />
<br />
• Experience with public speaking and incoming /<br />
outgoing calls<br />
<br />
• Skilled with computers including: MS, Corel, BIOS, Linux, <br />
and HTML<br />
<br />
• Hard worker, quick learner, willing to travel<br />
<br />
• Detail oriented, mechanically and artistically inclined<br />
<br />
• Prepared product for shipping<br />
<br />
• Public Relations Repair<br />
<br />
• Made Site Supervisor within 8 months working in security.</div>
</font>
</p></a onclick="java script:ShowHide('HiddenDiv')">
<script type="text/javascript">// <![CDATA[
function ShowHide(divId)
{
if(document.getElementById(divId).style.display == 'none')
{
document.getElementById(divId).style.display='block';
}
else
{
document.getElementById(divId).style.display = 'none';
}
}
// ]]></script>

Posted by: pandy Jul 10 2014, 04:52 PM

Yeah, both "links" would do the same thing since you use identical function calls, ShowHide('HiddenDiv').

list 1

HTML
<p><a onclick="jjavascript:ShowHide('HiddenDiv')"><h2 class="wsite-content-title" style="text-align:left;"><strong>EXPERIENCE LIST</strong></h2></a></p>

list 2
HTML
<p><a onclick="javascript:ShowHide('HiddenDiv')"><h2 class="wsite-content-title" style="text-align:left;"><strong>SKILLS </strong></h2></a></p>


I don't know what script handles this and how and I don't find any DIV or anything else with the ID HiddenDiv, but you should refer to the other hidden content in some other way. Do you use jQuery for this?


Also remove the java script: bit. It used to be used in URLs before we had event handlers as onclick, that is <a href="java script:doSomething()">. I've never seen it used in an event handler and I wouldn't have expected it to work.

This is enough.
HTML
<a onclick="ShowHide('HiddenDiv')">

Posted by: BriZZell Jul 10 2014, 05:00 PM

jQuery? no I just look up stuff on line for code and cut n past raw HTML

Posted by: BriZZell Jul 10 2014, 05:06 PM

was that new code you sent me where do I put it

Posted by: CharlesEF Jul 10 2014, 05:23 PM

You have 2 <div> sections with the same id - 'HiddenDiv'. You need to change 1 of them otherwise you will have the problem you are seeing.
Oh, I also see you have the function ShowHide(divId) defined twice, you only need it once. And javascript is 1 word, not 2 words like you have it.

Posted by: Christian J Jul 10 2014, 05:38 PM

QUOTE(pandy @ Jul 10 2014, 11:52 PM) *

HTML
<p><a onclick="java script:ShowHide('HiddenDiv')"><h2 class="wsite-content-title" style="text-align:left;"><strong>EXPERIENCE LIST</strong></h2></a></p>


As a sidenote, you can't put H2 inside P. There are other HTML syntax errors on the page as well, use http://validator.w3.org to spot them. In particular, the HTML of the second link is incorrect:

CODE
</a onclick="java script:ShowHide('HiddenDiv')">
</div>

--but from looking at the page, it seems the whole layout is broken. unsure.gif

QUOTE
This is enough.
HTML
<a onclick="ShowHide('HiddenDiv')">

Or even simpler, use the H2 element alone:

HTML
<h2 onclick="ShowHide('HiddenDiv')">EXPERIENCE LIST</h2>

Not sure how this affects the CSS though. The HTML output by Weebly's website builder looks pretty bloated.

QUOTE
I don't know what script handles this and how

It's on the page:

CODE
<script type="text/javascript">// <![CDATA[
function ShowHide(divId)
{
if(document.getElementById(divId).style.display == 'none')
{
document.getElementById(divId).style.display='block';
}
else
{
document.getElementById(divId).style.display = 'none';
}
}
// ]]></script>

--in fact there are two identical such scripts. You should just use one of them.

QUOTE
and I don't find any DIV or anything else with the ID HiddenDiv

It's right below the links:

CODE
<div class="mid" id="HiddenDiv" style="display: none;">

However each such DIV (and its associated link) needs a different ID for the script to separate them. Also note that ID values can't begin with a number.

Seems CharlesEF was faster. ninja.gif

Posted by: pandy Jul 10 2014, 05:43 PM

Sure you aren't joking me now? It's not there in the source I got. Or my Find tool is severely broken. unsure.gif

Posted by: pandy Jul 10 2014, 05:46 PM

OK, I viewed source again and now it's there. Quaint. wacko.gif

QUOTE
jQuery? no I just look up stuff on line for code and cut n past raw HTML


jQuery is a huge and hugely popular JavaScript library and you do use it.

Posted by: Christian J Jul 10 2014, 05:47 PM

What is it you can't find? I looked in the posted code sample, not the actual web page.

Posted by: pandy Jul 10 2014, 06:04 PM

I looked at the source. I couldn't find either the function name or the id anywhere on the page except in those links. That's why I thought it maybe was some jQuery trick even if the function calls certainly didn't look jQuery. As said, when I viewed source again they were there. Go figure.

Posted by: Christian J Jul 10 2014, 06:44 PM

Maybe the OP changed it...

Posted by: BriZZell Jul 10 2014, 07:12 PM

well one this i should of noted on the html is the page is built on weeblys editor there is a embed html tool im using you guys are really giving some great advice -its been years for my using html thanks

Posted by: BriZZell Jul 10 2014, 07:19 PM

gerrr turned off the qoutes but it still quotes and i can select all ... tablets suck ok.. em no spellchek in here nottt good

Guys what do you think of what im trying to do - have info avalable with ease but not have everything in your face as it is now - maybe driving employers away.. i lile a chalenge to learn from but what i need is a job

Posted by: BriZZell Jul 11 2014, 09:42 AM

just for kicks is there a difference in javascript & java script

Posted by: BriZZell Jul 11 2014, 09:55 AM

im getting very lost with where we are talking. im also only used to using html I don't even know what xml or css is sigh I want to continue using the editor as much as I can but with all these errors being made with out me screwing with it I don know if im hurting my self. I mean is this site less compatible with a potential employer. and WHY CANT I FIND ANY OFFLINE EDITORS anymore

Posted by: BriZZell Jul 11 2014, 09:59 AM

I changed HiddenDiv to HiddenDiv2 on the 2nd list - it didn't work uh well it stopped the second list from doing anything - guess that's an improvement.

Posted by: BriZZell Jul 11 2014, 10:48 AM

#%$ Im lost. could someone show the full codes with the fixes im not following.
like this <div id="893377112157426360" align="left" style="width: 100%; overflow-y: hidden;" class="wcustomhtml">
the other list has a different div id and I thought HiddenDiv was more of a name of a command how do I rename this? frustrated I need to not be working this hard on this with out a job oh the conundrum @! I spelled conundrum right ? what????????????????? im so weard

Posted by: CharlesEF Jul 11 2014, 11:32 AM

QUOTE(BriZZell @ Jul 11 2014, 09:59 AM) *

I changed HiddenDiv to HiddenDiv2 on the 2nd list - it didn't work uh well it stopped the second list from doing anything - guess that's an improvement.

When you changed the <div> name you should have also changed the name in the javascript function call (the onclick event) for that <div>. Changing the <div> name is only half the solution.

Posted by: CharlesEF Jul 11 2014, 11:33 AM

QUOTE(BriZZell @ Jul 11 2014, 09:42 AM) *

just for kicks is there a difference in javascript & java script

As far as browsers go there is no such language as 'java script'. That's the difference.

Posted by: BriZZell Jul 11 2014, 11:39 AM

QUOTE(CharlesEF @ Jul 11 2014, 12:32 PM) *


I changed HiddenDiv to HiddenDiv2 on the 2nd list - it didn't work uh well it stopped the second list from doing anything - guess that's an improvement.


ok give me an example please. and im confused on the forums idea that it wont work anyway? ahhhhhhhhg don't remember this being so complicated free-gonA

Posted by: Christian J Jul 11 2014, 11:43 AM

QUOTE(BriZZell @ Jul 11 2014, 04:42 PM) *

just for kicks is there a difference in javascript & java script

Yes, Java and JavaScript are different languages.

A Java script - a script written in Java. Not sure if that's correct terminology, maybe one should say Java Applet for client side Java and Java Servlet for server side Java? unsure.gif

A javascript - a script written in JavaScript. Alas this forum adds a space when you type "javascript" followed by a colon (as a security measure to avoid code injections in posts), which adds to the confusion.

See also
http://en.wikipedia.org/wiki/JavaScript#Birth_at_Netscape
http://en.wikipedia.org/wiki/JavaScript#JavaScript_and_Java

Posted by: CharlesEF Jul 11 2014, 11:46 AM

I'm confused as to what you really want. When I looked at your site yesterday I could click on 'EXPERIENCE LIST' and the information displayed would change back and forth. Today your site does not have that link anymore.

What are you trying to do?

Posted by: Christian J Jul 11 2014, 11:56 AM

QUOTE(BriZZell @ Jul 11 2014, 04:55 PM) *

I want to continue using the editor as much as I can but with all these errors being made with out me screwing with it I don know if im hurting my self.

I'm not familiar with that editor, but from the HTML code I've seen it doesn't seem very good. Maybe you can still use it if you're careful.

QUOTE
WHY CANT I FIND ANY OFFLINE EDITORS anymore

Have you tried http://www.kompozer.net/ ?

But if you know HTML it's better to code by hand in a text editor. In the long run it's better to learn real HTML than learn how an HTML editor works.


Posted by: BriZZell Jul 11 2014, 11:59 AM

When you see the site it is overwhelming. If I put a page for everything that will boar he employer - both bad.

My idea is for all my long lists and things have it be like a "continue reading" like you see in long post on facebook. Having a title is fine. Employers have an idea of what they want to see. "Ah job titles I'll click that." and it just opens in the page. one list works (under BUSINESS link) but I need more. and those columns for Experience (now no longer labeled)

ALSO don't forget each item you see experience skills etc is a piece of the page in this case the only HTML I work on is those two the rest is editor tooling If you will ./. AHHHHHHHHHHHH this library need a new keyboard

Posted by: CharlesEF Jul 11 2014, 04:10 PM

So, you want list 1 to be displayed with a 'read more' link at the bottom? And when you click the link you want list 2 to display while hiding the 'read more' link? What about list 1, do you want it displayed while list 2 id also displayed?

Posted by: BriZZell Jul 11 2014, 05:41 PM

QUOTE(CharlesEF @ Jul 11 2014, 05:10 PM) *

So, you want list 1 to be displayed with a 'read more' link at the bottom? And when you click the link you want list 2 to display while hiding the 'read more' link? What about list 1, do you want it displayed while list 2 id also displayed?


Before yes but it evolved into (because of the codes i found) i now want titles displayed as a link which expants the title into the list. Everypage has lists but this page also has coulumns and the codes change my fonts alot. Im shure you noted the odd font codes... or are those right?

So i took the time to clean up the site till the codes work. The list on the business link looks great other than The fact it isnt something youd know to click - the last of my worries

Posted by: CharlesEF Jul 12 2014, 02:25 AM

I'm not going to address the HTML problems in your page, you should use a validator for that. I think the reason your div does not show up is because of the <font> tags and the extra <div>. As a test remove the 2 <font> and 1 </font> tags. After you remove the tags change these 2 lines of code:

CODE
<a onclick="java script:ShowHide('HiddenDiv')"><h2 class="wsite-content-title" style="text-align:left;"><strong>TITLES HELD</strong></h2></a></p>
<div class="mid" id="HiddenDiv" style="display: none;">
to this 1 line of code:
CODE
<h2 class="wsite-content-title" style="text-align: left; text-decoration: underline; cursor: pointer;" onclick="java script:ShowHide('HiddenDiv')"><strong>TITLES HELD</strong></h2>

BTW, the <font> tags to remove are right below the 1 line of code I removed from the code sample above. The closing </font> tag is farther down, after the closing </div> tag and your closing </p> tag should be before the closing </div> tag.

Posted by: CharlesEF Jul 12 2014, 02:57 AM

I just noticed that you have more <font> tags you should remove. Change this:

CODE
<p>

<font color="#ffffff">
<font face="Georgia ">

• IT Manager
to this:
CODE
<p>

• IT Manager

Posted by: BriZZell Jul 12 2014, 09:50 AM

QUOTE(CharlesEF @ Jul 12 2014, 03:25 AM) *

I'm not going to address the HTML problems in your page, you should use a validator for that. I think the reason your div does not show up is because of the <font> tags and the extra <div>. As a test remove the 2 <font> and 1 </font> tags. After you remove the tags change these 2 lines of code:
CODE
<a onclick="java script:ShowHide('HiddenDiv')"><h2 class="wsite-content-title" style="text-align:left;"><strong>TITLES HELD</strong></h2></a></p>
<div class="mid" id="HiddenDiv" style="display: none;">
to this 1 line of code:
CODE
<h2 class="wsite-content-title" style="text-align: left; text-decoration: underline; cursor: pointer;" onclick="java script:ShowHide('HiddenDiv')"><strong>TITLES HELD</strong></h2>

BTW, the <font> tags to remove are right below the 1 line of code I removed from the code sample above. The closing </font> tag is farther down, after the closing </div> tag and your closing </p> tag should be before the closing </div> tag.


Ok taking only the font out gave me this - im at the library again so im guna try and nock all this out beleaving im getten this done before 3est pm here is a copy of the page with the unworking new code
https://drive.google.com/file/d/0By2V6rcoHzwRYTFBREVxck1EZms/edit?usp=sharing

list 1 EXPERIENCE LIST

<p><a onclick="java script:ShowHide('HiddenDiv')"><h2 class="wsite-content-title" style="text-align:left;"><strong>EXPERIENCE LIST</strong></h2></a></p>
<div class="mid" id="HiddenDiv" style="display: none;">
<p>

<div><div class="wsite-multicol"><div class='wsite-multicol-table-wrap' style='margin:0 -0px'>
<table class='wsite-multicol-table'>
<tbody class='wsite-multicol-tbody'>
<tr class='wsite-multicol-tr'>
<td class='wsite-multicol-col' style='width:25.282016061674%;padding:0 0px'>

<div class="paragraph" style="text-align:left;">
Marketing<br />
Market Analysis<br />
Brakes<br />
Materials Planning<br />
Budgeting<br />
Microsoft Word<br />
Carpentry<br />
Multiple Phone<br />
Custodial<br />
Power Point<br />
Acrobat<br /></div>
</td>
<td class='wsite-multicol-col' style='width:25.142336414925%;padding:0 0px'>

<div class="paragraph" style="text-align:left;">
Internet/Web Development<br />
Inventory control<br />
Customer Service<br />
Interviewing<br />
Landscaping<br />
Ad Design<br />
Legal Logistics<br />
Planning<br />
Audio/Visual<br />
Engines (diesel/gasoline)<br />
Auto-body repair<br />
<span></span> <span style="line-height: 0; display: none;"></span><span style="line-height: 0; display: none;"></span><br /></div>

</td>
<td class='wsite-multicol-col' style='width:24.575647523401%;padding:0 0px'>

<div class="paragraph" style="text-align:left;">
Computers<br />
Plumbing<br />
Data Entry<br />
Product Development<br />
Sales<br />
Payroll<br />
Public Relations<br />
Recruiting/Staffing<br />
Employee Relations<br />
Retail&nbsp;Open/Closing </div>

</td>
<td class='wsite-multicol-col' style='width:25%;padding:0 0px'>

<div class="paragraph" style="text-align:left;">
Welding<br />
Excel (spreadsheets)<br />
Human Resources<br />
Financial Analysis<br />
Food Service<br />
Technical Writing<br />
Telemarketing<br />
General Accounting<br />
Typing<br />
Automotive&nbsp;Repair/Maintenance</div>

</td>
</p>
<script type="text/javascript">// <![CDATA[
function ShowHide(divId)
{
if(document.getElementById(divId).style.display == 'none')
{
document.getElementById(divId).style.display='block';
}
else
{
document.getElementById(divId).style.display = 'none';
}
}
// ]]></script>


</p></p></a onclick="java script:ShowHide('HiddenDiv')">
</div><div class="wsite-multicol"></div class='wsite-multicol-table-wrap' style='margin:0 -0px'>
</table class='wsite-multicol-table'>
</tbody class='wsite-multicol-tbody'>
</tr class='wsite-multicol-tr'>
</td class='wsite-multicol-col' style='width:25.282016061674%;padding:0 0px'>

</div class="paragraph" style="text-align:left;">
</td>
</tr>
</tbody>
</table>
</div></div></div>

</div></div class="wsite-multicol"><div class='wsite-multicol-table-wrap' style='margin:0 -0px'>
</table class='wsite-multicol-table'>
</tbody class='wsite-multicol-tbody'>
</tr class='wsite-multicol-tr'>
</td class='wsite-multicol-col' style='width:75.524475524476%;padding:0 0px'>




list 2 SKILLS

<p><a onclick="java script:ShowHide('HiddenDiv')"><h2 class="wsite-content-title" style="text-align:left;"><strong> SKILLS </strong></h2></a></p>
<div class="mid" id="HiddenDiv" style="display: none;">
<p>
<p><a onclick="java script:ShowHide('HiddenDiv')">Show/Hide</a></p>
<div class="mid" id="HiddenDiv" style="display: none;">
<p>

• Music production experience in: sound, lighting, and stage<br />
<br />
• Management experience in multiple industries<br />
<br />
• Company reassessment and business development<br />
<br />
• Experience with public speaking and incoming /<br />
outgoing calls<br />
<br />
• Skilled with computers including: MS, Corel, BIOS, Linux, <br />
and HTML<br />
<br />
• Hard worker, quick learner, willing to travel<br />
<br />
• Detail oriented, mechanically and artistically inclined<br />
<br />
• Prepared product for shipping<br />
<br />
• Public Relations Repair<br />
<br />
• Made Site Supervisor within 8 months working in security.</div>

</p></a onclick="java script:ShowHide('HiddenDiv')">
<script type="text/javascript">// <![CDATA[
function ShowHide(divId)
{
if(document.getElementById(divId).style.display == 'none')
{
document.getElementById(divId).style.display='block';
}
else
{
document.getElementById(divId).style.display = 'none';
}
}
// ]]></script>



Posted by: BriZZell Jul 12 2014, 10:08 AM

QUOTE(CharlesEF @ Jul 12 2014, 03:25 AM) *

I'm not going to address the HTML problems in your page, you should use a validator for that. I think the reason your div does not show up is because of the <font> tags and the extra <div>. As a test remove the 2 <font> and 1 </font> tags. After you remove the tags change these 2 lines of code:
CODE
<a onclick="java script:ShowHide('HiddenDiv')"><h2 class="wsite-content-title" style="text-align:left;"><strong>TITLES HELD</strong></h2></a></p>
<div class="mid" id="HiddenDiv" style="display: none;">
to this 1 line of code:
CODE
<h2 class="wsite-content-title" style="text-align: left; text-decoration: underline; cursor: pointer;" onclick="java script:ShowHide('HiddenDiv')"><strong>TITLES HELD</strong></h2>

BTW, the <font> tags to remove are right below the 1 line of code I removed from the code sample above. The closing </font> tag is farther down, after the closing </div> tag and your closing </p> tag should be before the closing </div> tag.

no go

Posted by: BriZZell Jul 12 2014, 10:14 AM

QUOTE(BriZZell @ Jul 12 2014, 11:08 AM) *

QUOTE(CharlesEF @ Jul 12 2014, 03:25 AM) *

I'm not going to address the HTML problems in your page, you should use a validator for that. I think the reason your div does not show up is because of the <font> tags and the extra <div>. As a test remove the 2 <font> and 1 </font> tags. After you remove the tags change these 2 lines of code:
CODE
<a onclick="java script:ShowHide('HiddenDiv')"><h2 class="wsite-content-title" style="text-align:left;"><strong>TITLES HELD</strong></h2></a></p>
<div class="mid" id="HiddenDiv" style="display: none;">
to this 1 line of code:
CODE
<h2 class="wsite-content-title" style="text-align: left; text-decoration: underline; cursor: pointer;" onclick="java script:ShowHide('HiddenDiv')"><strong>TITLES HELD</strong></h2>

BTW, the <font> tags to remove are right below the 1 line of code I removed from the code sample above. The closing </font> tag is farther down, after the closing </div> tag and your closing </p> tag should be before the closing </div> tag.

no go

and ive lost the IT Manager #$&

Posted by: BriZZell Jul 12 2014, 11:03 AM

So I have a READ MORE thing on the Weebly blog page so I made up a "Skills" blog to get the code but it doesn't work. am I right in thinking its a mess to begin with?
<div class='blog-separator'> &nbsp; </div><div class='blog-content'><div class="paragraph" style="text-align:left;"><strong>SKILLS:</strong></div> <div>

<!--BLOG_SUMMARY_END--></div> <div class="paragraph" style="text-align:left;">&nbsp;&nbsp;&nbsp; &bull; Music production experience in:&nbsp;sound,&nbsp;lighting,&nbsp;and <br /> stage<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&bull; Management&nbsp;experience in multiple industries<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&bull;&nbsp;Company reassessment and business&nbsp;development<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&bull; Experience with&nbsp;public speaking and incoming /<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;outgoing&nbsp;calls<br /><br />&nbsp;&nbsp;&nbsp;&bull; Skilled with computers including:&nbsp;MS,&nbsp;Corel, BIOS,&nbsp;Linux,<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;and HTML<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&bull; Hard&nbsp;worker, quick learner, willing to travel<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&bull; Detail oriented, mechanically and artistically inclined<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&bull; Prepared product for shipping<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&bull; Public Relations Repair<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&bull; Made Site Supervisor within 8 months working in security</div></div><div class='blog-social'><div class='blog-social-item'><a class='twitter-share-button' href='http://twitter.com/share?url=http%3A%2F%2Fthebrizzell.weebly.com%2F4%2Fpost%2F2014%2F07%2Fjuly-12th-2014.html' data-count='horizontal'></a></div><div class='blog-social-item blog-fb-like'><fb:like href='http://thebrizzell.weebly.com/4/post/2014/07/july-12th-2014.html' width='90' layout='button_count' action='like' show_faces='false' share='false'></fb:like></div><div style='clear:both'></div></div>
<div class='blog-post-separator'>&nbsp;</div>

Posted by: CharlesEF Jul 12 2014, 11:10 AM

I must say that if that code is generated by Weebly then it is the worst I've ever seen, you would be better off doing it by hand. I have re-written (and validated) your 2 list page and attached it here. Use it as a guide.
Attached File  test1.htm ( 3.95k ) Number of downloads: 376

Posted by: BriZZell Jul 12 2014, 12:02 PM

awesome looking dude thanks uhmmmmmmm ok. ill actually try this in the site before hitting post - smart hahahah

Ok looks just exept the jumping to the top of the page thing. Can I get rid of that?

QUOTE(CharlesEF @ Jul 12 2014, 12:10 PM) *

worst I've ever seen
Attached File  test1.htm ( 3.95k ) Number of downloads: 376



Reminds me of when I wrote pages with Correll Word Perfect - every line recoded

Well I love it and am starting to implement on other pages successfully.... Now what do you think of the site?

Posted by: CharlesEF Jul 12 2014, 12:34 PM

Looks better when things work as they should. As for the jumping, you can fix this by adding the div id to the href part of the <a> tags (remember there are 2 <a> tags for each list). Example, change this:

CODE
<a href="#" onclick="java script:ShowHide('HiddenDiv')">
and
<a href="#" onclick="java script:ShowHide('HiddenDiv2')">
to this:
CODE
<a href="#HiddenDiv" onclick="java script:ShowHide('HiddenDiv')">
and
<a href="#HiddenDiv2" onclick="java script:ShowHide('HiddenDiv2')">

Also, remember javascript is 1 word, this board splits it into 2 words.

Posted by: CharlesEF Jul 12 2014, 01:22 PM

I also see that you added the text 'click to expand list' next to each list title. The reason it does not show as a link is because of an entry in the 'main_style.css' file. If you want it to show as a link then open that CSS file and find the 'a {' section and remove the 'text_decoration: none;' line. If you do this then it might affect other <a> links that you really do not want to show as a link. The choice is yours.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)