The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

2 Pages V < 1 2  
Reply to this topicStart new topic
> Show Hide text mix up, HTML codes mixing and counteracting uh I think
Christian J
post Jul 11 2014, 11:43 AM
Post #21


.
********

Group: WDG Moderators
Posts: 9,661
Joined: 10-August 06
Member No.: 7



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
User is online!PM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
CharlesEF
post Jul 11 2014, 11:46 AM
Post #22


Programming Fanatic
********

Group: Members
Posts: 1,981
Joined: 27-April 13
From: Edinburg, Texas
Member No.: 19,088



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?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Jul 11 2014, 11:56 AM
Post #23


.
********

Group: WDG Moderators
Posts: 9,661
Joined: 10-August 06
Member No.: 7



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.

User is online!PM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
BriZZell
post Jul 11 2014, 11:59 AM
Post #24


Newbie
*

Group: Members
Posts: 17
Joined: 10-July 14
Member No.: 21,237



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
CharlesEF
post Jul 11 2014, 04:10 PM
Post #25


Programming Fanatic
********

Group: Members
Posts: 1,981
Joined: 27-April 13
From: Edinburg, Texas
Member No.: 19,088



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?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
BriZZell
post Jul 11 2014, 05:41 PM
Post #26


Newbie
*

Group: Members
Posts: 17
Joined: 10-July 14
Member No.: 21,237



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
CharlesEF
post Jul 12 2014, 02:25 AM
Post #27


Programming Fanatic
********

Group: Members
Posts: 1,981
Joined: 27-April 13
From: Edinburg, Texas
Member No.: 19,088



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.

This post has been edited by CharlesEF: Jul 12 2014, 02:30 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
CharlesEF
post Jul 12 2014, 02:57 AM
Post #28


Programming Fanatic
********

Group: Members
Posts: 1,981
Joined: 27-April 13
From: Edinburg, Texas
Member No.: 19,088



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


This post has been edited by CharlesEF: Jul 12 2014, 02:59 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
BriZZell
post Jul 12 2014, 09:50 AM
Post #29


Newbie
*

Group: Members
Posts: 17
Joined: 10-July 14
Member No.: 21,237



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/0By2V6rcoHz...dit?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>


User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
BriZZell
post Jul 12 2014, 10:08 AM
Post #30


Newbie
*

Group: Members
Posts: 17
Joined: 10-July 14
Member No.: 21,237



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
BriZZell
post Jul 12 2014, 10:14 AM
Post #31


Newbie
*

Group: Members
Posts: 17
Joined: 10-July 14
Member No.: 21,237



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 #$&
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
BriZZell
post Jul 12 2014, 11:03 AM
Post #32


Newbie
*

Group: Members
Posts: 17
Joined: 10-July 14
Member No.: 21,237



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>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
CharlesEF
post Jul 12 2014, 11:10 AM
Post #33


Programming Fanatic
********

Group: Members
Posts: 1,981
Joined: 27-April 13
From: Edinburg, Texas
Member No.: 19,088



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: 377
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
BriZZell
post Jul 12 2014, 12:02 PM
Post #34


Newbie
*

Group: Members
Posts: 17
Joined: 10-July 14
Member No.: 21,237



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: 377



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?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
CharlesEF
post Jul 12 2014, 12:34 PM
Post #35


Programming Fanatic
********

Group: Members
Posts: 1,981
Joined: 27-April 13
From: Edinburg, Texas
Member No.: 19,088



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.

This post has been edited by CharlesEF: Jul 12 2014, 12:37 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
CharlesEF
post Jul 12 2014, 01:22 PM
Post #36


Programming Fanatic
********

Group: Members
Posts: 1,981
Joined: 27-April 13
From: Edinburg, Texas
Member No.: 19,088



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

2 Pages V < 1 2
Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 27th April 2024 - 12:04 PM