Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

gelöst Twitter Bootstrap

Mitglied: pcguy

pcguy (Level 1) - Jetzt verbinden

12.11.2014, aktualisiert 15:32 Uhr, 1132 Aufrufe, 4 Kommentare, 1 Danke

Hallo zusammen

Ich habe eine kleine Javascript Frage.

Auf meiner Bootstrap Webseite lade ich am ende das Original javascript:

01.
  
02.
    <!-- jQuery --> 
03.
    <script src="js/jquery.js"></script> 
04.
 
05.
    <!-- Bootstrap Core JavaScript --> 
06.
    <script src="js/bootstrap.min.js"></script> 
07.
    <script src="js/bootstrap.js"></script> 
08.
 
09.
 <script type="text/javascript" >    
10.
	$('#beispiel').popover(options) 
11.
	</script>

Nun möchte ich "Popovers verwenden", der Aufruf zum Popover:


01.
  
02.
  <a href="#" tabindex="0" class="btn btn-lg btn-danger bs-docs-popover" role="button" data-toggle="popover" data-trigger="focus" title="Schließbares Popover" data-content="Und ein bisschen Inhalt. Ganz schön faszinierend, oder?">Schließbares Popover</a>

Es funktioniert nicht .......was habe ich vergessen?

Danke für eure Hilfe
Mitglied: d4shoerncheN
LÖSUNG 13.11.2014, aktualisiert um 11:13 Uhr
Guten Morgen,

versuch's mal so:

01.
<script type="text/javascript" > 
02.
$(function () { 
03.
  $('[data-toggle="popover"]').popover() 
04.
}) 
05.
</script>
Ersetzen mit deiner Zeile 09 - 11.

Du hast den falschen Beispielcode von der Bootstrap-Seite verwendet. In deinem Javascript greifst du dort auf die ID "Beispiel" (#Beispiel) zu, die in deinem Code gar nicht vorhanden ist. Die (options) zeigt dir auch nur an, dass du innerhalb der () individuelle Optionen zum Aufruf des JavaScript-Codes angeben könntest.

Gruß Toni
Bitte warten ..
Mitglied: pcguy
13.11.2014 um 10:32 Uhr
Guten morgen Toni, vielen Dank ... es funktioniert !!!


Gibt es eine einfache Möglichkeit den Inhalt von [data-content="" ] in einem externen File zu platzieren.
Ich habe es mit php versucht, aber das streikt.


Grüsse pcguy
Bitte warten ..
Mitglied: d4shoerncheN
13.11.2014, aktualisiert um 11:06 Uhr
Guten Morgen pcguy,

das ist doch schön. Dann bitte noch als gelöst markieren.

Ja die Möglichkeit besteht (wenn ich dich richtig verstanden habe). Schreib in deinem Template im Body-Bereich einfach noch folgende Zeile hinzu:
01.
<script src="js/mein_script.js"></script> 
mein_script.js ist ein frei wählbarer Name. Dann erstellst du in deinem Ordner "js" noch eine neue zusätzliche JavaScript-Datei, die genau diesen Namen trägt den du vergeben hast. In diese Datei kannst du dann folgendes einfügen:
01.
$(function () {  
02.
  $('[data-toggle="popover"]').popover()  
03.
})
Gruß
Toni
Bitte warten ..
Mitglied: pcguy
13.11.2014 um 11:13 Uhr
Hallo Toni

Sorry ich habe mich falsch ausgedrückt.

Da ich auf mehreren Seite viele Popover verwende, möchte ich eine Datei in der alle Inhalte der verschiedenen Popover ausgelagert sind.
Das soll Änderungen vereinfachen und der Code wird übersichtlicher ....

LG pcguy
Bitte warten ..
Ähnliche Inhalte
JavaScript

Bootstrap Collapse Accordion Schliesst sich nicht

gelöst Frage von ritzmannJavaScript3 Kommentare

Hallo zusammen Das Bootstrap Framework bietet eine coole Collapse/Accordion Funktion. Hier in der getbootstrap Dokumentation: Das ganze möchte ich ...

JavaScript

Bootstrap tooltipp und modal

gelöst Frage von pcguyJavaScript12 Kommentare

Hallo zusammen Ich versuche Erfolglos des Modal und Tooltip von Bootstrap zu vereinen. im externen JS: Der Tooltipp funktioniert, ...

JavaScript

Wie ruft Twitter die Detailseite auf?

gelöst Frage von FrankJavaScript3 Kommentare

Ich versuche seit ein paar Stunden herauszufinden, wie Twitter das mit ihrer Detailseite macht. Man klick auf einen Teil ...

Vmware

RDM in ESXi "Bootstrap" Fehler

Frage von maddigVmware8 Kommentare

Guten Abend, ich bin gerade dabei meinen RAID1 via RDM zu mappen. Ich bin nach der Anleitung vorgegangen und ...

Neue Wissensbeiträge
Windows 10

Neue Sicherheitslücke in Windows 10 (Version 1709) durch Google öffentlich geworden

Information von kgborn vor 1 StundeWindows 10

Vor ein paar Tagen haben Googles Sicherheitsforscher vom Projekt Zero eine Sicherheitslücke im Edge-Browser publiziert. Jetzt wurde eine weitere ...

iOS
IOS 11.2.6 verfügbar
Information von sabines vor 6 StundeniOS

Mit dem Update soll der Bug behoben werden, bei dem eine bestimmte Zeichenkette IOS zum Absturz gebracht hat.

Sicherheit
Sicherheitsrisiko: Die Krux mit 7-Zip
Information von kgborn vor 20 StundenSicherheit7 Kommentare

Bei vielen Anwendern ist das Tool 7-Zip zum Entpacken von Archivdateien im Einsatz. Die Software ist kostenlos und steht ...

Internet

Datendealing im WWW Tracking Methoden immer brutaler

Information von sabines vor 1 TagInternet

Interessanter Artikel zum Thema Tracking im WWW und die immer "besseren" Methoden des Trackings. Professor Arvind Narayanan (Princeton-Universität) betreibt ...

Heiß diskutierte Inhalte
Server
Route-Befehl Unterstützung (unter CMD)
gelöst Frage von FKRR56Server38 Kommentare

Guten Tag , i.M. habe ich Probleme über den CMD-Route-Befehl ein Routing auf einen entfernten Server zuzulassen. Der Server ...

Router & Routing
LANCOM VPN CLIENT einrichten
Frage von Finchen961988Router & Routing26 Kommentare

Hallo, ich habe ein Problem und hoffe ihr könnt mir helfen, wir haben einen Kunden der hat einen Speedport ...

LAN, WAN, Wireless
VPN Cisco ASA5505 PaloAlto PA-200
gelöst Frage von YannoschLAN, WAN, Wireless20 Kommentare

Hallo zusammen, ich würde gerne ein Site-to-Site VPN zwischen den beiden Standorten aufbauen. PaloAlto PA200 Internetanschluss Deutsche Telekom GK ...

Microsoft
TV-Tipp: Das Microsoft-Dilemma
Information von kgbornMicrosoft17 Kommentare

Aktuell gibt es in Behörden und in Firmen eine fatale Abhängigkeit von Microsoft und dessen Produkten. Planlos agieren die ...