Nederlands Ondersteuningsforum :
Wilt u reageren op dit bericht? Maak met een paar klikken een account aan of log in om door te gaan.

Zijpaneel verdwijnt

2 plaatsers

Vorige onderwerp Volgende onderwerp Ga naar beneden

Zijpaneel verdwijnt Empty Zijpaneel verdwijnt

Bericht van Okaidowolf zo 19 jan 2014 - 16:44

Ik heb zelf ook al even achter zo'n tabel lopen zoeken, maar helaas kan ik ze nou niet uitproberen aangezien de infobox niet zichtbaar is op m'n forum, en ik nochtans alles aangevinkt heb naar mijn weten. Dit is trouwens hetzelfde als met de chatbox uit dezelfde tutorial.


Laatst aangepast door 10spetter10 op zo 19 jan 2014 - 22:38; in totaal 1 keer bewerkt (Reden : topic gesplitst, post komt van 'https://ondersteun.actieforum.com/t4795-zijpaneel')

Terug naar boven Terug naar beneden

Okaidowolf

Okaidowolf
Actief Forumlid

Man
Berichten : 200
Leeftijd : 27
Registratie : 12-10-12
Oprichter : Nee
Templates : Ja
CSS : Ja

Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Oud Actieforum Medewerker
Deze gebruiker is een oud Actieforum medewerker.
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

http://asenia.actieforum.com/



Okaidowolf is bedankt door de starter van dit topic.

Zijpaneel verdwijnt Empty Zijpaneel verdwijnt

Bericht van 10spetter10 zo 19 jan 2014 - 22:33

Ik zat op je forum te kijken en zag dat je in het javascript van de slider ook ' en " gebruikte. Dit zorgt voor verwarring in je javascript. Zorg dat alle element die IN je slider staan waar een ' staat vervangen worden door een ". Normaal zou dit daarna over zijn. Als het niet lukt mag je dit eventueel hier posten.

Terug naar boven Terug naar beneden

10spetter10

10spetter10
Superactief Forumlid

Man
Berichten : 1222
Leeftijd : 27
Registratie : 08-07-12
Oprichter : Ja
Templates : Ja
CSS : Ja

Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
1000 berichten of meer gepost
Je hebt 1000 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Oud Actieforum Medewerker
Deze gebruiker is een oud Actieforum medewerker.
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!




10spetter10 is bedankt door de starter van dit topic.

Zijpaneel verdwijnt Empty Re: Zijpaneel verdwijnt

Bericht van Okaidowolf ma 20 jan 2014 - 21:10

Alle ' zijn veranderd in " maar helaas heeft dit nog steeds geen effect.
Of bedoelde je om alle ' elementen te veranderen in " elementen wat te maken had met de inhoud van de slider ??
Momenteel heb ik dit als inhoud staan:
Code:
<div style="font-family: perpua titling mt; font-size: 24px; color: #c7c1c1; text-shadow: #4153c3 1px 1px 2px;">Asenia</div> </div><div style="width: 170px; font-family: arial; font-size: 9px; text-transform: uppercase; line-height: 10pt; text-transform: uppercase; text-align: justify; border-bottom: 1px dotted #b1c0c4; padding-bottom: 0px; padding-top: 0px;"> <div style="margin:auto;text-align:center;width:100%">Kop 1</div></div><div style="width: 170px; text-align: justify; padding: 10px; 10px; 10px; 10px; font-family: calibri; font-size: 11px; line-height: 8pt;">

Blahblahblahtesttesttest<td>testjetestjetest</td><br /></a><br /></a>

<span style="font-size: 7px; line-height: normal">©A thousand fireflies</span>
</div>
</div>
</div>
</div>
</center>
Het is maar wat vluchtig gekopiëerd dus kan het zijn dat er wat overbodige tekst tussen staat.

Dit is trouwens de volledige; aangepaste; javascript:
Code:
jQuery(document).ready(function () {
    jQuery("body").append("<table style="position: fixed; bottom: 50px; right: 0px;background-color:#e5e5e6 ;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0">
     
        <center><link href="http://fonts.googleapis.com/css?family=Perpua+Titling+MT" rel="stylesheet" type="text/css">
<style type="text/css">

.pic1 {  opacity: 0; width: 170px; height: 75px; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s; }
.pic1:hover { opacity: 2 }

.tagboxes { width: 170px; height: 75px;  background-color: #ADA493;  opacity: .9; padding-top: 0px; padding-bottom: 0px; color: #fff; font-family: open sans condensed; font-size: 20px; text-transform: uppercase; line-height: 8pt; text-align: center; letter-spacing: 2px;   }

</style><div style="width: 170px; border-left: 2px solid #82838e; border-top: 2px solid #82838e;"><div style="width: 170px; border-right: 1px dotted #363636; border-bottom: 1px solid #363636;">
<table cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><div style="width: 170px; height: 75px; background-image: url();"> <div class="pic1"><div style="padding-top: 0px;"><div class="tagboxes"> <div style="padding-top: 0px;">
<br>


</div>
</div>
</div>
</td>
</tr>
</table><div style="margin-top: 0px;"><div style="font-family: perpua titling mt; font-size: 24px; color: #c7c1c1; text-shadow: #4153c3 1px 1px 2px;">Asenia</div> </div><div style="width: 170px; font-family: arial; font-size: 9px; text-transform: uppercase; line-height: 10pt; text-transform: uppercase; text-align: justify; border-bottom: 1px dotted #b1c0c4; padding-bottom: 0px; padding-top: 0px;"> <div style="margin:auto;text-align:center;width:100%">Kop 1</div></div><div style="width: 170px; text-align: justify; padding: 10px; 10px; 10px; 10px; font-family: calibri; font-size: 11px; line-height: 8pt;">

Blahblahblahtesttesttest<td>testjetestjetest</td><br /></a><br /></a>

<span style="font-size: 7px; line-height: normal">©A thousand fireflies</span>
</div>
</div>
</div>
</div>
</center>
     
    </div></td><td style="vertical-align: bottom;"><img src="http://img600.imageshack.us/img600/6053/6rwx.png" onClick="document.getElementById(\"panneau\").style.display=(this.src==\"http://img600.imageshack.us/img600/6053/6rwx.png\")?\"block\":\"none\";this.src=(this.src==\"http://img600.imageshack.us/img600/6053/6rwx.png\")?\"http://img34.imageshack.us/img34/5027/91og.png\":\'http://img600.imageshack.us/img600/6053/6rwx.png\";"/></td></tr></table>');
});

Alvast bedankt voor de hulp.

Terug naar boven Terug naar beneden

Okaidowolf

Okaidowolf
Actief Forumlid

Man
Berichten : 200
Leeftijd : 27
Registratie : 12-10-12
Oprichter : Nee
Templates : Ja
CSS : Ja

Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Oud Actieforum Medewerker
Deze gebruiker is een oud Actieforum medewerker.
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

http://asenia.actieforum.com/



Okaidowolf is bedankt door de starter van dit topic.

Zijpaneel verdwijnt Empty Re: Zijpaneel verdwijnt

Bericht van 10spetter10 ma 20 jan 2014 - 22:25

Ik weet niet wat je bedoeling was maar er zaten wel heel wat fouten in je html.
Als je html schrijft of iets anders is het misschien makkelijk dit te doen in kladblok of notepad++. Probeer er dan een structuur in te maken, element openen => extra tab. Zo zie je hoeveel divs er geopend zijn, wanneer je welke sluit enz. Want nu sloot je op het einde 4 div's ofzo ook al waren er maar 2 geopend  Shocked 

Ik weet nu niet of het de opmaak was die je wou maar nu klopt de html wel.
Code:
jQuery(document).ready(function () {
    jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;">
   <tr>
      <td>
         <div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0">
               <div style="font-family: perpua titling mt; font-size: 24px; color: #c7c1c1; text-shadow: #4153c3 1px 1px 2px;">Asenia</div>
            <div style="width: 170px; font-family: arial; font-size: 9px; text-transform: uppercase; line-height: 10pt; text-transform: uppercase; text-align: justify; border-bottom: 1px dotted #b1c0c4; padding-bottom: 0px; padding-top: 0px;">
               <div style="margin:auto;text-align:center;width:100%">Kop 1</div>
            </div>
            <div style="width: 170px; text-align: justify; padding: 10px; 10px; 10px; 10px; font-family: calibri; font-size: 11px; line-height: 8pt;">
               Blahblahblahtesttesttesttestjetestjetest<br /><br />
            <span style="font-size: 7px; line-height: normal">©️A thousand fireflies</span>
            </div>
         </div>
      </td>
      <td style="vertical-align: bottom;"><img src="http://img600.imageshack.us/img600/6053/6rwx.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://img600.imageshack.us/img600/6053/6rwx.png\')?\'block\':\'none\';this.src=(this.src==\'http://img600.imageshack.us/img600/6053/6rwx.png\')?\'http://img34.imageshack.us/img34/5027/91og.png\':\'http://img600.imageshack.us/img600/6053/6rwx.png\';"/></td>
   </tr>
</table>');
});

Terug naar boven Terug naar beneden

10spetter10

10spetter10
Superactief Forumlid

Man
Berichten : 1222
Leeftijd : 27
Registratie : 08-07-12
Oprichter : Ja
Templates : Ja
CSS : Ja

Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
1000 berichten of meer gepost
Je hebt 1000 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Oud Actieforum Medewerker
Deze gebruiker is een oud Actieforum medewerker.
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!




10spetter10 is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven

- Soortgelijke onderwerpen

Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum