Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag12.04.2013 um 17:07 (UTC)    
Titel: Bräuchte Hilfe zum Code in der Box

Auf meiner Homepage befindet sich oben rechts in der Box ein "walkingelement". Gerne hätte ich den Inhalt der Box, die sich direkt darunter befindet, ab "confirmed", bis zum Ende der zweiten Box ebenfalls in einem "walkingelement". Ich hab alles versucht, doch irgendwie klappt das absolut nicht. Wie müsste der Code dafür aussehen?

Code der ersten Box:
Zitat:
<div class="box">
<h2><font face="Verdana" size="2">New Updates</font></h2>
<div style="position:relative;height:140px;margin-top:20px;">
<p style="position:absolute;top:35px;overflow:hidden; left:-1px" id="walkingelement">
<span id="blink" style="visibility:visible;"></span><br/><br/>
Update on Apr 12, 2013:<br>
Camel-Tour 2013<br><br>
Update on Mar 28, 2013:<br>
Camel-Tour 2013<br><br>
Update on Jan 05, 2013:<br>
New Setlist Entry<br>
1992-09-04 - Tilburg<br><br>
Update on Nov 11, 2012:<br>
New Setlist Entry<br>
1984-05-18 - Nijmegen<br><br>
Update on Oct 15, 2012:<br>
New Setlist Entry<br>
1979-11-16 - Oslo<br><br>
Update on Oct 08, 2012:<br>
New Setlist Entry<br>
1982-06-14 - Nijmegen<br><br>
</p>
</div>
</div>


Code der zweiten Box:
Zitat:
<div class="box">
<h2><font face="Verdana" size="2">Camel Tour 2013</font></h2>
<br/>
<a href="http://www.camelproductions.com//" target="_blank"><img src="http://img.webme.com/pic/p/pink-camel/camel-tour_2013_small.jpg" alt=""/></a>
<br><br><br>
<p>Confirmed</p>
<p>
<font face="Verdana" size="2"><br><br>
Belgium:<br><br>
Thursday, 24th October<br>
Limbourg, Le Kursaal<br>
<br><br>
Netherland:<br><br>
Friday, 25th October<br>
Groningen, Oosterport,
Main Hall<br>
<br>
Saturday, 26th October<br>
Amsterdam, Rabozaal<br>
<br><br>
Great Britain:<br><br>
Saturday, 19th October<br>
Harrogate, Royal Hall<br>
<br>
Monday 28th October<br>
London,The Barbican
</font></p>
<br><br><br>
Unconfirmed<p>
<br/><br>
Great Britain:<br><br>
Sunday, 20th October<br>
Wolverhampton,<br>
Wulfrun Hall<br>
<br>
Monday, 21st October<br>
Manchester,RNCM<br>
<br>
Tuesday, 22nd October<br>
Salisbury,City Hall<br>
<br><br>
Spain:<br><br>
Monday, 4th November<br>
Barcelona, Teatre Barts<br>
<br>
Tuesday, 5th November<br>
Madrid, <br>
Nuevo Teatro Apolo<br>
</p>
<p> </div>



Danke im Voraus

Edit by Matsk: BB-Codes eingefügt (bessere Übersicht)


Zuletzt bearbeitet von pink-camel am 13.04.2013, 22:48, insgesamt 2-mal bearbeitet
Beitrag14.04.2013 um 09:07 (UTC)    
Titel:

Mir scheint, das ich mit meiner obigen Fragestellung die Kapazitäten dieses Forums mehr als ausgeschöft habe.

Dachte eigentlich, das hier mindestens einer der User fit genug ist....

Schade!
Beitrag14.04.2013 um 11:50 (UTC)    
Titel:

Guten Tag,
einmal bitte folgenden Script in der 2. Box ausprobieren:

Zitat:
<div class="box">
<h2><font face="Verdana" size="2">Camel Tour 2013</font></h2>
<br/>
<a href="http://www.camelproductions.com//" target="_blank"><img src="http://img.webme.com/pic/p/pink-camel/camel-tour_2013_small.jpg" alt=""/></a>
<br><br><br>
<p>Confirmed</p>
<p style="position:absolute;top:35px;overflow:hidden; left:-1px" id="walkingelement">
<font face="Verdana" size="2"><br><br>
Belgium:<br><br>
Thursday, 24th October<br>
Limbourg, Le Kursaal<br>
<br><br>
Netherland:<br><br>
Friday, 25th October<br>
Groningen, Oosterport,
Main Hall<br>
<br>
Saturday, 26th October<br>
Amsterdam, Rabozaal<br>
<br><br>
Great Britain:<br><br>
Saturday, 19th October<br>
Harrogate, Royal Hall<br>
<br>
Monday 28th October<br>
London,The Barbican
</font></p>
<br><br><br>
Unconfirmed<p>
<br/><br>
Great Britain:<br><br>
Sunday, 20th October<br>
Wolverhampton,<br>
Wulfrun Hall<br>
<br>
Monday, 21st October<br>
Manchester,RNCM<br>
<br>
Tuesday, 22nd October<br>
Salisbury,City Hall<br>
<br><br>
Spain:<br><br>
Monday, 4th November<br>
Barcelona, Teatre Barts<br>
<br>
Tuesday, 5th November<br>
Madrid, <br>
Nuevo Teatro Apolo<br>
</p>
<p> </div>


Die rote Stelle habe ich abgewandelt.

Auch wenn es bei vielen Threads prompt eine Antwort gibt, übersehen wir auch hin und wieder mal einen, also einfach nochmal drauf hinweisen Wink

Beste Grüße,
Mats
Beitrag14.04.2013 um 16:38 (UTC)    
Titel:

matsk hat Folgendes geschrieben:
Guten Tag,
einmal bitte folgenden Script in der 2. Box ausprobieren:

Zitat:
<div class="box">
<h2><font face="Verdana" size="2">Camel Tour 2013</font></h2>
<br/>
<a href="http://www.camelproductions.com//" target="_blank"><img src="http://img.webme.com/pic/p/pink-camel/camel-tour_2013_small.jpg" alt=""/></a>
<br><br><br>
<p>Confirmed</p>
<p style="position:absolute;top:35px;overflow:hidden; left:-1px" id="walkingelement">
<font face="Verdana" size="2"><br><br>
Belgium:<br><br>
Thursday, 24th October<br>
Limbourg, Le Kursaal<br>
<br><br>
Netherland:<br><br>
Friday, 25th October<br>
Groningen, Oosterport,
Main Hall<br>
<br>
Saturday, 26th October<br>
Amsterdam, Rabozaal<br>
<br><br>
Great Britain:<br><br>
Saturday, 19th October<br>
Harrogate, Royal Hall<br>
<br>
Monday 28th October<br>
London,The Barbican
</font></p>
<br><br><br>
Unconfirmed<p>
<br/><br>
Great Britain:<br><br>
Sunday, 20th October<br>
Wolverhampton,<br>
Wulfrun Hall<br>
<br>
Monday, 21st October<br>
Manchester,RNCM<br>
<br>
Tuesday, 22nd October<br>
Salisbury,City Hall<br>
<br><br>
Spain:<br><br>
Monday, 4th November<br>
Barcelona, Teatre Barts<br>
<br>
Tuesday, 5th November<br>
Madrid, <br>
Nuevo Teatro Apolo<br>
</p>
<p> </div>


Die rote Stelle habe ich abgewandelt.

Auch wenn es bei vielen Threads prompt eine Antwort gibt, übersehen wir auch hin und wieder mal einen, also einfach nochmal drauf hinweisen Wink

Beste Grüße,
Mats



Naja, wenn das alles so einfach wäre....
Habe es ausprobiert. Resultat = Null

Habe dann noch
<div style="position:relative;height:140px;margin-top:20px;">
mit in den Code eingebaut. Wiederum ohne Erfolg.

Danke nochmals
Beitrag14.04.2013 um 16:54 (UTC)    
Titel:

Magst du einmal dein Javascript posten, welches solch ein Lauftext erzeugt?

Beste Grüße,
Mats
Beitrag14.04.2013 um 17:15 (UTC)    
Titel:

@Matsk, ganz einfach zu finden Wink
Ich nehme das mal, zum schnelleren Lösen, vorweg.

Code:
<script type="text/javascript">
var a = document.getElementById('nav_container');
a.innerHTML = '';
a.appendChild(document.getElementById('liste'));
var bc = document.getElementById('below_content');
bc.parentNode.parentNode.appendChild(bc);

var vblink = document.getElementById('blink');

WalkingText = function(obj, w, time){
this.obj = obj;
this.height = obj.offsetHeight;
this.parentHeight = parseInt(obj.parentNode.style.height);
this.w = w;
this.time = time;
this.top = this.parentHeight;

this.obj.parentNode.style.position = 'relative';
this.obj.parentNode.style.overflow = 'hidden';
this.obj.style.position = 'absolute';
this.obj.style.top = this.top + 'px';

this.walk = function(){
var o = this;

if(this.top > (-this.height))
this.top -= this.w;
else
this.top = this.parentHeight;

this.obj.style.top = this.top + 'px';
window.setTimeout(function(){o.walk();}, this.time);
}
this.walk();
}
new WalkingText(document.getElementById('walkingelement'), 1, 50);


function blink(){
if(!blink)
return;
 
vblink.style.visibility == 'hidden' ? vblink.style.visibility = 'visible' : vblink.style.visibility = 'hidden';

window.setTimeout(blink, 500);
}

blink();
</script>
Beitrag29.04.2013 um 21:17 (UTC)    
Titel:

Auf Wunsch des Thread-Erstellers geschlossen.

Beste Grüße,
Mats
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de