PLEASE help me x.x (Dynamic Div Layout)

 
Post new topic   Reply to topic    IMVU Forum Index -> Homepage Building and Design
View previous topic :: View next topic  
Author Message
LovelessHeartSong

LovelessHeartSong's page


Joined: 19 Jun 2009
Posts: 38
Location: USA - CA
PostPosted: Tue Apr 17, 2012 4:24 pm    Post subject: PLEASE help me x.x (Dynamic Div Layout) Reply with quote
SO this is my project, for my own HP, and the buttons to switch the pages won't work D: no matter what i do!!!


Code:
<script>
function changeNavigation(id)
{document.getElementById('2a').innerHTML=document.getElementById(ID).innerHTML}
</script>
<img style="float:center;" src="http://i364.photobucket.com/albums/oo84/Youkai_Aura/Product%20Pages/omgomgomgD.png" usemap="1a">




<map id="1a" name="1a">
<area shape="rect" coords="360,465,444,502" name="about1" onClick="changeNavigation('about1')">

<area shape="rect" coords="454,465,525,502" name="loves1" onClick="changeNavigation('loves1')">

<area shape="rect" coords="532,465,623,502" name="friends1" onClick="changeNavigation('friends1')">

<area shape="rect" coords="636,465,735,502" name="support1" onClick="changeNavigation('support1')">

<area shape="rect" coords="128,455,182,499"
href="http://www.imvu.com/catalog/web_add_contact.php?contact=KionataSDesire" target="2a" />

<area shape="rect" coords="189,456,254,498" href="javascript:IMVU.messagePopupShow({force_recipient_id:38337779})" target="crosseye" />

<area shape="rect" coords="263,456,313,499" href="http://www.imvu.com/catalog/web_mypage.php?block=38337779" target="2a" />
</map>
 

<div id="2a" style="width:398px; height:358px; position:absolute; left:355px; top:85px; z-index:1; overflow:auto; border:0px; background-color:transparent; color:#000000;">
<font color=red>WORDS<br>
Main Main Main HELP ME main Main Main
 WORDS<br>WORDS<br>WORDS<br>WORDS<br>WORDS<br>WORDS<br>WORDS<br>WORDS<br></DIV>

<div id="about1" style="display:none">

<center> <font color=red>WORDS<br>
WORDS<br>WORDS<br>WORDS<br>WORDS<br>WORDS<br>WORDS<br>WORDS<br>WORDS<br></DIV>

<div id="loves1" style="display:none">

<center> <font color=red>WORDS<br>
WORDS<br>WORDS<br>WORDS<br>WORDS<br>WORDS<br>WORDS<br>WORDS<br>WORDS<br></DIV>

<div id="friends1" style="display:none">
<center> <font color=red>WORDS<br>
WORDS<br>WORDS<br>WORDS<br>WORDS<br>WORDS<br>WORDS<br>WORDS<br>WORDS<br></DIV>

<div id="support1" style="display:none">
<center> <font color=red>If you made it here, you win a cookie :D</font></DIV>

_________________
Back to top
View user's profile Send private message Send e-mail  
Neff 18+ Age Verified

Neff <a href='/age_verify/index/'><img border=0 src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'></a> 's page


Joined: 25 Jan 2010
Posts: 84
Location: USA - CA
PostPosted: Fri Apr 27, 2012 12:25 pm    Post subject: Reply with quote
If you get tried of all the same boring HTML/iFRAME layouts & all the hundreds and hundreds of confusung codes.... try going SWF.
I mean this is 2012 >_> ppl gotta upgrade lolz

Latest Work

Shop
_________________
.
Back to top
View user's profile Send private message  
LovelessHeartSong

LovelessHeartSong's page


Joined: 19 Jun 2009
Posts: 38
Location: USA - CA
PostPosted: Fri Apr 27, 2012 12:41 pm    Post subject: Reply with quote
not everyone is rich. i dont even have 2k creds right now.
_________________
Back to top
View user's profile Send private message Send e-mail  
Coenum

Coenum's page


Joined: 26 Feb 2011
Posts: 984
PostPosted: Sun Apr 29, 2012 6:58 pm    Post subject: Reply with quote
have you made sure there isn't a div overlapping your buttons?
Back to top
View user's profile Send private message  
LovelessHeartSong

LovelessHeartSong's page


Joined: 19 Jun 2009
Posts: 38
Location: USA - CA
PostPosted: Sun Apr 29, 2012 7:01 pm    Post subject: Reply with quote
Ummm :I i can't say x.x
_________________
Back to top
View user's profile Send private message Send e-mail  
LovelessHeartSong

LovelessHeartSong's page


Joined: 19 Jun 2009
Posts: 38
Location: USA - CA
PostPosted: Sun Apr 29, 2012 9:04 pm    Post subject: Reply with quote
Coenum wrote:
have you made sure there isn't a div overlapping your buttons?


You know what? there actually might be *checks*
_________________
Back to top
View user's profile Send private message Send e-mail  
D4G0

D4G0's page


Joined: 31 May 2008
Posts: 279
Location: USA - NY
PostPosted: Fri May 04, 2012 4:49 pm    Post subject: Reply with quote
@KionataSDesire: I coded your layout so everything should work fine now, I also embedded the products panel.

Instructions:
1. Make sure that "My New Products panel" and "My URL panel" are set to "Everyone".
2. Paste this code in the url panel.
Code:
<!-- JAVASCRIPT -->
<script language="JavaScript">
var ids = new Array('home','about','loves','friends','support');
function switchid(id) {   
   hideallids();
   showdiv(id);
}
function hideallids() {
   for (var i = 0; i < ids.length; i++) {
      hidediv(ids[i]);
   } 
}
function hidediv(id) {
   if (document.getElementById) {
      document.getElementById(id).style.display = 'none';
   }
}
function showdiv(id) {
   if (document.getElementById) {
      document.getElementById(id).style.display = 'block';
   }
}
</script>

<!-- CSS -->
<style type="text/css">
#url_panel_body {
   background: transparent !important;
   font-size: 12px;
   font-family: verdana;
   color: #000;
}
#url_panel_header, #url_panel_colRow {
   display: none;
}
/* HIDE PRODUCTS PANEL */
#dev_panel {
    display: none;
}
/* links color */
#url_panel_body a {
   color: #000;
}
/* properties for all the div boxes */
.boxes {
   width: 382px;
   height: 350px;
   position: absolute;
   left: 365px;
   top: 80px;
   overflow: auto;
}
/* hide divs */
#about, #loves, #friends, #support {
   display: none;
}
/* shout properties*/
#shout {
   position: absolute;
   top: 23px;
   left: 202px;
   width: 556px;
   font-weight: bold;
}
/* avatar picture */
#avImg {
   position: absolute;
   top: 167px;
   left: 138px;
}
/* products */
#products {
   position: absolute;
   top: 567px;
   left: 130px;
   width: 637px;
   height: 80px;
   border: none;
   overflow: hidden;
}
</style>

<!--=== layout image ===-->
<img src="http://i364.photobucket.com/albums/oo84/Youkai_Aura/Product%20Pages/omgomgomgD.png" border="0" usemap="#Map">
<map name="Map" id="Map">
  <!-- Add url -->
  <area shape="rect" coords="129,456,183,502" href="http://www.imvu.com/catalog/web_add_contact.php?contact=KionataSDesire" />
  <!-- message url -->
  <area shape="rect" coords="187,457,257,501" href="javascript:IMVU.messagePopupShow({force_recipient_id:38337779})" />
  <!-- block url -->
  <area shape="rect" coords="262,458,316,499" href="http://www.imvu.com/catalog/web_mypage.php?block=38337779" />
  <!--  links for the divs -->
  <area shape="rect" coords="364,468,450,503" href="javascript:;" onClick="switchid('about')" />
  <area shape="rect" coords="452,467,526,504" href="javascript:;" onClick="switchid('loves')" />
  <area shape="rect" coords="531,466,627,506" href="javascript:;" onClick="switchid('friends')" />
  <area shape="rect" coords="633,464,755,503" href="javascript:;" onClick="switchid('support')" />
</map>

<!--=== shout box ===-->
<marquee id="shout">This is a shout box</marquee>

<!--=== avatar image ===-->
<img id="avImg" src="http://www.imvu.com/catalog/web_av_pic.php?av=KionataSDesire"/>

<!--=== home content ===-->
<div id="home" class="boxes">
   <!-- header or title of the div goes between the <h4> </h4> tags -->
   <h4>Home</h4>
   <!-- All your about me content goes between the <p> </p> tags -->
   <p>This is home!! and all your home content goes here</p>
</div>

<!--=== about me content ===-->
<div id="about" class="boxes">
   <!-- header or title of the div goes between the <h4> </h4> tags -->
   <h4>About me</h4>
   <!-- All your about me content goes between the <p> </p> tags -->
   <p>About me content here.</p>
   <!-- link to go back home -->
   <a href="javascript:;" onclick="switchid('home')">Go back to home</a>
</div>

<!--=== love content ===-->
<div id="loves" class="boxes">
   <!-- header or title of the div goes between the <h4> </h4> tags -->
   <h4>Loves</h4>
   <!-- All your about me content goes between the <p> </p> tags -->
   <p>Loves content here.</p>
   <!-- link to go back home -->
   <a href="javascript:;" onclick="switchid('home')">Go back to home</a>
</div>

<!--=== friends content ===-->
<div id="friends" class="boxes">
   <!-- header or title of the div goes between the <h4> </h4> tags -->
   <h4>Friends</h4>
   <!-- All your about me content goes between the <p> </p> tags -->
   <p>Friends content here.</p>
   <!-- link to go back home -->
   <a href="javascript:;" onclick="switchid('home')">Go back to home</a>
</div>

<!--=== support content ===-->
<div id="support" class="boxes">
   <!-- header or title of the div goes between the <h4> </h4> tags -->
   <h4>Support</h4>
   <!-- All your about me content goes between the <p> </p> tags -->
   <p>Support content here.</p>
   <a href="javascript:;" onclick="switchid('home')">Go back to home</a>
</div>

<!--=== products ===-->
<iframe id="products" src="http://avatars.imvu.com/catalog/web_panel.php?panel=dev_panel&av=KionataSDesire"></iframe>


3. Paste this code in My New Products panel.
Code:
<style type="text/css">
#dev_panel_header {
   display: none;
}
#dev_panel_body img {
    margin-right: 11px !important;
}
#dev_panel, #dev_panel_body {
   background: transparent !important;
}
</style>
Back to top
View user's profile Send private message  
Display posts from previous:   


Hide ads? Get VIP!
Post new topic   Reply to topic    IMVU Forum Index -> Homepage Building and Design All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You can post new topics in this forum
You can reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


 FAQFAQ   UsergroupsUsergroups   RegisterRegister  ProfileProfile   Log in for private messagesLog in for private messages 

Search the forums:


Powered by phpBB